Goolge Map API Javascript版タグ自動生成

Amazon.co.jp ウィジェット

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

利用にあたっての注意：
※ Javascript の使用が出来ない BLOG では利用できません。
※ 利用を始める前に、Maps API key を取得する必要があります。（Maps API key は、利用するサイト毎に必要）

１．表示する地図の座標を指定します。

「緯度経度入力」ボタンで住所／ランドマーク等／地図から座標を検索できます。
「地図から選択」ボタンで地図から座標を指定できます。

緯度：

経度：

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

ＢＬＯＧ等のページに配置するときのサイズになります。

IMGサイズ（幅×高さ）：

３．表示する地図の倍率を 2 ～ 19 の範囲で指定します。

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

地図の倍率：

４．地図のタイトルを入力します。（省略可）

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

タイトル：

５．Maps API Key の指定（利用するサイトで１度だけ）

Google で取得した Maps API Key を入力します。
この指定は、サイトで初回に利用する場合のみ設定します。
既にスクリプトを設置済みの場合は、入力しなくても構いません。
この項目を設定すると「Google map 表示用スクリプト」を生成するので、そのスクリプトを地図を利用するページ
（テンプレート等）の <HEAD> 設置して下さい。

Maps API key：

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

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

表示サンプル：

BLOG等に、こんな地図を貼り付けたいときに使います。
↓

東京タワー%%http://maps.google.co.jp/maps?&q=35.658632,139.745411+(%E6%9D%B1%E4%BA%AC%E3%82%BF%E3%83%AF%E3%83%BC)&hl=ja&ie=UTF8&z=16%%35.658632%%139.745411%%16

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

Powerd by Google.