2011年9月21日水曜日

Google mapをサイトに埋め込む方法:メモ

スポンサーリンク

使う度に探す事が多いので、Google mapをサイトに埋め込む方法を個人的メモとして。どこを参照したのか怪しくなるのです...。


google map埋め込み時に実現したい事


google mapを埋め込む時には、特定の住所を表示させた状態で埋め込む事が基本です。ですが、普通に埋め込み用のアドレスを入れると吹き出しが出たりですっきりしません。吹き出しを消した状態にしたいです。

加えて、ポインタにカーソルを合わせた時に任意の名前(会社や店舗の名前)を表示させたい。同じ住所に商売敵がいるばあいに、間違っても相手の名前を表示したくはありませんから。

参考サイト

上記の方法を簡単に実現するには、下記のサイトを見て作業をすれば良し。


方法

流れは以下の通り。

  1. google mapに住所を入力して表示
  2. 埋め込み用URLを開く
  3. 埋め込み用URLから座標を取得
  4. 座標+半角スペース+(任意の言葉)でmapを再検索
  5. 吹き出し消す
  6. 埋め込み用URLを取得
  7. URL張りつける
  8. URLの</iframe>の直前にある「embed」に続けて「&iwloc=B」を書き込む

忘れやすいのは半角スペース。

結び


こういう事を自力で探してできる方を尊敬します。自分もできなきゃいけないと思いつつ、先人の知恵を拝借しています...。

スポンサーリンク

0 件のコメント :

コメントを投稿