Goolge Map API_v3 Javascript版タグ自動生成


BLOG 等に貼り付ける Google map のタグを自動生成します。
下記手順で設定項目を選択していくと、誰でも簡単に自分のサイトへ貼り付ける HTML タグが作成できます。
サンプルはこちらをご覧下さい。
このマップは、Javascript を利用した地図表示用のタグを自動生成します。
地図を表示するページに1度だけ Javascript を設定する必要があります。

利用にあたっての注意:
※ Javascript が設置出来ない BLOG では利用できません。
※ このバージョンより、Maps API key を取得する必要はなくなりました。

1.表示する地図の座標を指定します。

「名称等を検索し設定」ボタンで住所/ランドマーク等/地図から座標を検索できます。
「地図から選択」ボタンで地図から座標を指定できます。

緯度: 経度:

2.表示する地図イメージのサイズを指定します。

BLOG等のページに配置するときのサイズになります。

IMGサイズ(幅×高さ):×

3.表示する地図の倍率を 2 ~ 19 の範囲で指定します。

大きいほど詳細で、規定値は 16 です。

地図の倍率:

4.地図のタイトルを入力します。(省略可)

マウスオーバー時のタイトルと、印刷用地図表示時の吹き出し情報に設定します。

タイトル:

5.下記の「地図作成」ボタンを押すと完成です。

結果はこの下に、タグのソースと一緒に表示します。
「地図作成」は、設定を変更し何度でも処理できます。
「生成したマップタグ」をコピーして BLOG のエントリー等にに貼り付けて下さい。



表示サンプル:
BLOG等に、ぐりぐり動くこんな地図を貼り付けたいときに使います。

渋谷ハチ公前%%http://maps.google.co.jp/maps?q=35.658917,139.700540+(%E6%B8%8B%E8%B0%B7%E3%83%8F%E3%83%81%E5%85%AC%E5%89%8D)&hl=ja&ie=UTF8&z=16%%35.658917%%139.700540%%16

マーカー部分をクリックすると Google map サイトへジャンプします。

Powerd by Google.