日々学んだことを残しておこう。きっと未来の自分が探しにくる。 (ただ忘れっぽいだけです…)

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-------- : スポンサー広告 :
Pagetop

Google マップをブログに貼り付ける方法


当ブログのユーザさんに以下のやり方教えてとのコメントいただいたので、まとめてみました。

グーグルマップの地図をブログに貼り付ける方法


Google Mapサイトにアクセス

例えば、検索窓でgoogleと入力

日本付近でやると、六本木ヒルズのGoogle会社位置がヒットするはず。

左側の詳細情報が記載されているエリアの[リンク]ボタンをクリック。
(印刷ボタンの隣にあります)

[HTML を貼り付けてサイトに地図を埋め込みます]の下のコードをコピー。
(iframeって書いてある方です)

ブログの記事のところに貼り付け。

実際に貼り付けてみた



大きな地図で見る

↑ドラッグなどもちゃんと反応しますね。


当初、GoogleMapのサービスがではじめたころ、サイトに地図貼るの結構めんどくさかったけど、今はすごく簡単にできるんようになったんだね。知らんかった。。。

20120506追記
地図をブログに組み込まなくてリンクを張るだけなら、iframeの上にあるhttp://maps.google.co.jp~のurlをコピーして、リンク設定すればOK。そうすると、リンククリックすると、指定位置を中心としたGoogleマップにジャンプします。こんな感じ。
リンクで表示する場合のサンプルはこちら
関連記事

2012-05-06 : ブログカスタマイズ : コメント : 0 : トラックバック : 0
Pagetop
コメントの投稿
非公開コメント

Pagetop
« next  ホーム  prev »

広告

読みたいと思っている書籍

Amazon Web Services クラウドネイティブ・アプリケーション開発技法 一番大切な知識と技術が身につく Amazon Web Services 定番業務システム12パターン 設計ガイド イラストで学ぶ 機械学習 最小二乗法による識別モデル学習を中心に (KS情報科学専門書) イラストで学ぶ ディープラーニング (KS情報科学専門書)

カウンタ

メールフォーム

名前:
メール:
件名:
本文:

GoogleTranslate

管理人のつぶやき

人気記事ランキング

カテゴリ

openclose

ブログ内検索

全記事表示リンク

全ての記事を表示する

ブログパーツ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。