■Google Maps Code Generator - Googleマップ自動生成ツール
■使い方
1) 地図下の検索ボックスに住所かランドマーク(「東京タワー」など)を入力して、目的地まで地図を移動させます。
2) 「■設定」の各項目を記入します。(*)の部分は必須項目です。
3) 「■HTMLコード」欄に出力されたコードを"Ctrl+C"でコピーします(各設定項目を記入するとリアルタイムに反映されます)。
4) 適当なエディターにペーストして、必ずUTF-8形式のHTMLファイルとして保存してください。
5) 保存したファイルをブラウザで開くと簡単なGoogleマップサイトとして利用できます。

こんな感じにできます。
このサイトは、ロリポップ！ のサーバを使ってます。
■設定
ページタイトル：
APIキー(*)(取得方法)：
　　
地図検索機能(ジオコーディング)を利用する
　※地図検索機能(ジオコーディング)とは、地図の下に作られる検索ボックスに住所やランドマークを入力して「移動」ボタンを押すと、その位置に移動する機能です。
拡大/縮小/移動コントローラの追加する
　 Large
　 Small
Map/Satellite切替コントローラの追加する
オーバービューコントローラ(右下に小さい地図)の追加する
スケールコントローラの追加する
なめらかズーム機能を有効にする
ダブルクリックズーム機能を有効にする
●下部の地図をクリックして、起動時の
　座標を決定してください。(*)
　　緯度
　　経度
　　　
 ●決定された起動時の座標：
　　緯度
　　経度

●下部の地図をクリックして、追加する
　マーカの座標を決定してください。
　　緯度
　　経度 		●マーカをクリックしたときに表示され
　る文字列を入力してください。
　
　
　

●決定された起動時の座標と表示文字列：
●地図のサイズ
　幅：px 　高さ：px

■地図
■HTMLコード


トップページへ