Goolge Map API Javascript版タグ自動生成


このサービスは Google maps v2 のサービス終了と同時に利用できなくなります。
新しいバージョン Google maps v3 を利用したサービスはこちらを利用下さい。

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

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

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

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

緯度: 経度:

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

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

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

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

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

地図の倍率:

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

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

タイトル:

5.Maps API Key の指定(利用するサイトで1度だけ)

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

Maps API key:

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

結果はこの下に、タグのソースと一緒に表示します。
「地図作成」は、設定を変更し何度でも処理できます。
「生成したマップタグ」をコピーして 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.