会社案内のための簡易地図

Google Static APIを使った地図生成モジュール

ホームページをの構成を考える時、真っ先に会社案内やアクセスマップが浮かびます。

そのアクセスマップ。意外と不自由している人が多いようです。

デザイナーやIllustrator使いなら簡単に解りやすいアクセスマップを作れてしまうのですが、なかなか素人にはそうもいきません。

画像処理(PhotoShop/Illustrator)が大好きなら別ですが、本業の傍らそんなものに時間を割いてはいられない。という方のために Google Static APIを使った地図生成モジュールを提供します。

以下の要領でGoogleが提供する地図をホームページに貼り付ける事ができます。

管理セクション≫サイトの環境設定≫Google Static MAPページを開きます。
画像表示幅：に地図幅を指定します。
画像表示高：に地図高さを指定します。
表示倍率：を指定します。
1～19までの範囲で選択できます。
Google API-KEY：を設定します。
Google API-KEY：はGoogle API-KEYはこちらから無料で取得できます。
住所：を入力します。
[設定の保存]をクリックします。
地図画像URL:に1．～7．まで設定した結果としての画像URLが表示されます。
地図画像URL:の下には実際の地図画像が表示されます。
実際の地図画像を見て相違なければ、地図画像URL:をクリップボードにコピーします。
地図画像を表示したいコンテンツを新規または更新で開きます。
地図画像を挿入したい場所で[イメージ挿入/編集]ボタンをクリックします。
ポップアップしたダイアログ中のURL入力フォームをクリックし、ペースト（貼り付け）します。
後は通常の画像の位置調整をするようにボーダー/横間隔/縦間隔/行揃えなとを設定して[OK]をクリックします。