Googleマップを画像化してカンタンにサイトへ表示できる「Static Maps API」

2008-02-23 | Sigeo | 0 | カテゴリ Google マップ

近頃マップを手軽に作れるWEBサービスがいろいろと出てきている中、Googleマップも簡単かつ表示の軽さを求めて画像を生成するサービスを始めたみたいです。

六本木、渋谷、青山の三角形六本木、渋谷、青山の3箇所にマーカーをつけてみたGoogleマップの画像

APIとか聞いて引いてしまう人もコツさえ掴めば意外と簡単にカスタマイズできてしまうシンプルさ。自分でいじってみるいい機会かもしれません。

私と同様「APIなんざあまり分からん」という人向けのものをご紹介。今すぐ自分で試したいという方は、画像をすぐに生成できるStatic Maps Wizardか、開発者向けガイドGoogle Static Maps APIへどうぞ。

Static Maps Wizardで生成されるコードは下記のとおり。（※サイトに貼り付けるときはimgタグと組み合わせます。）

このコードを分解してみると下記のようになります。

各項目を「 & 」でつなげていく感じですね。ちなみにこの記事中のマップにあるような複数のマーカーを表示させるためには、「 markers= 」の部分が下記のサンプルのようになります。

ちなみに「 %7C 」は「 | （パイプ）」をURLエンコードしたものですので、それぞれのステータスを「 | 」で区切ればいいということになります。
それぞれの経度緯度を出したいときはStatic Maps Wizardの設定用マップのマーカーを動かせば、生成されるURLへ自動的に反映されます。

そんなこんなでできたサイト貼り付け用のサンプルコードが下記コードになります。

こういったやり方をしていると分からなくてもはまって来ますｗｗ　ある意味謎解きみたいな感覚ですよね。そして今日の個人的トリビアは、「API keyってサブドメインで使う場合、URL登録時に「 www 」を外しておけば全部共通で使えるんだ。」です。恥ずかしながら気づいてなかったｗｗ

近頃マップを手軽に作れるWEBサービスがいろいろと出てきている中、Googleマップも簡単かつ表示の軽さを求めて画像を生成するサービスを始めたみ