簡単にgoogleマップを表示(携帯サイトでも利用可)
企業サイトや商用ホームページの製作で、会社やお店の位置を表す地図を載せたいという要望が少なからずあります。
地図を表示させる方法としては、Illstratorなどで描く場合が多いが、最近は、Google Maps APIやYahoo Maps APIなどのAPIを利用した地図が増えてきています。
ここで紹介するのは、Google マップを使った方法ですが、APIを一切使わずに<img>タグだけで自由に地図を張り付けることができます。
とりあえず、地図をご覧ください。
たった1行足らずで、地図の表示ができます。
HTML:
- <img src="http://maps.google.com/mapdata?latitude_e6=35632466&longitude_e6=139881512&zm=2730&w=500&h=400&cc=JP&min_priority=1&Point=b&Point.latitude_e6=35632466&Point.longitude_e6=139881512&Point.iconid=16&Point=e" alt="" width="500" height="400" />
携帯サイトだと、javascriptが使えず、また、PHPを使った表示もエミュレーターレベルでは問題なくても携帯の実機では機種によってはうまく表示されないことがありました。
その辺りは、いろいろテストをしてみる必要があります。
▼参考サイト
「携帯サイトに簡単にgoogleの地図を取り入れてみる」
お手軽にGoogle Mapsの地図を張り付ける方法(携帯電話でも表示できる)
コード表示を iG-Syntax Hiliter で見やすく
トラックバック URL :
コメント (0)