ブログBLOG

  1. HOME
  2. ブログ
  3. 備忘録
  4. 携帯サイトでGoogleMapを表示

BLOGブログ

携帯サイトでGoogleMapを表示

最近、携帯サイトのご依頼が多くなってきました。
そこで悩んだのが、地図の埋め込み。

結論から言えば、唯一無料で商用利用ができるGoogle Mapを利用しています。

携帯サイトで地図を見る…といえば、

  • イラストレータで独自に作った地図を埋め込む
  • Google Mapp、YahooのAPIを使って表示する
  • MapFan、NaviTimeへリンクを貼って連動させる

…等、様々な方法があります。

ただ、

  • Illustratorで地図を作るには予算(時間)がない
  • Yahooは商用利用不可
  • MapFan、NaviTimeは、利用者さんが有料サービスに入ってないと意味がない

という理由から、消去法でGoogle Mapになったのです(笑)

Google Mapを選んだ理由

  • 商用で無料利用できる
  • 静的画像が出力されるので見る人にパケ代の心配をさせないで済む
  • Googleはサービス対応が早いので、今後の便利を考えて。

これが大きな理由です。

デメリットとしては、一日に読み込むことができるのは1000ユニーク画像という制限があることですが、医療機関で、携帯サイトに1日1000人以上の方が地図を見ることはありえないので、実質的には全く問題なし。

手軽にGoogle Mapを作成できるサービス

Google Static Maps API

Google Static Maps API では、Google マップの画像を自分の Web ページに埋め込むことができます。JavaScript や動的なページの読み込みは必要ありません。

ということで、パケ放題のようなサービスに入っていない携帯ユーザーさんにも安心できる地図を選択しました。
http://gmaps-samples.googlecode.com/svn/trunk/simplewizard/makestaticmap.html

住所などから位置を特定して、サイズ・色味などを細かく指定。
その後は、出力されているリンクの最後にある
APIキーの入力と、sensorパラメータの変更をすればOK!

ちなみに、sensorパラメータとは、
GPSなどを利用して地図画像を取得したいときに利用されるものです。
通常は「sensor=false」(オフにしておく)で問題ないでしょう。

Google MAPS APIキーを取得する

APIキーの取得についてはコチラ。
http://code.google.com/intl/ja/apis/maps/signup.html

おまけ:QRコードの自動生成

タイトルも入れられますし、色も変えられて便利なので、
私はよく↓のサイトを利用させていただいています。
QRのススメ http://qr.quel.jp/try.php

日本の携帯は、docomo、au、softbankにウィルコム、イー・モバイルと5キャリアある上に、キャリア毎に細かく対応できる基準が異なります。
さらにiPhoneやAndroid携帯などスマートフォンも多くなっていますので、
作成するのに本当に神経を使いますね…。