Googleマップはもう必要ない??Open Street Mapを使ってみよう!
マップアプリといえばGoogleマップが有名ですが、使用にあたって制限があります。例えば、営利目的のウェブサイトの場合、地図の読み込みは1 日あたり最大 25,000 回までとか。(ちょっと前まではアプリ使用を禁止していたような・・・。今はその表記はないみたい。)
実は、オープンソース系で「Open Street Map」という誰でも制限なく利用できるサービスがあり、以前から注目していました。
[ad#top-1]
こちらが、ブラウザ上で日本地図を表したものです。
https://openstreetmap.jp/map#zoom=7&lat=36.52288&lon=138.64197&layers=00BFF
ちなみに最初に言っておくと、オープンソースならではの「貧乏臭さ」はやはりあります。デザイン性や使い勝手はやはり商用のGoogleマップの方がずっと上手なので、単純に地図を見るだけならGoogleマップの方が良いでしょう。ただ、商用利用やアプリでの利用の場合は、制約の緩いOpen Street Mapの方が使いやすい場合もあります。
Webページに埋め込むためのソースコード(HTML)はこちらです。
で、それをブラウザで表示されるとこのようになります。(http://pineplanter.moo.jp/osm/index1.html からiframeを使って表示されています。)
こちらがソースの解説です。
■JavaScript側■
■HTML側■
今回はマップの表示だけですが、経度・緯度を得ることもできますし、ピンを表示させることもできます。そのやり方は次回以降ということで。
[ad#ad-1]
スポンサーリンク