WebサイトにGoogleMapを埋め込む
クライアントから「WebサイトにGoogleMapを埋め込みたいです」と要望がきた。
よゐこなデベロッパーなので、当然のごとく標準の埋め込み用タグではなく、GoogleMapAPIを使って地図を埋め込みます。(地図の上でスクロールしたときに、意図しないズームを防ぐため)
ピンがずれる
GoogleMapでピンを建てたい場所の緯度・経度を取得して、APIのoptionに書く。
しかし、実際に表示させると何故か数十から数百メートルほどズレる。
測地系が違う
ググッて見ると、以下のような記事が出てきた。
Google Maps APIで緯度経度を元にプロットしたマーカーの位置がずれる(測地系変換)
どうやら、「測地系」が日本版と世界版があるらしく、それのズレがピンのズレにつながってるぽい。
(測地系とは: 緯度・経度を座標で表すシステムのこと)
上にあげたサイトでは、ライブラリを使って変換しているっぽいけど、地図は1つしか埋め込む気がないのでわざわざ1つの地図のためにライブラリを導入するものなあ...と思った。
GeoCodingで取得した緯度・経度で試してみる
以下のサイトで、住所を入力して緯度・経度を取得してやると正しい値が取れる。
取得した値をAPIを呼ぶときのオプションに設定してやるとちゃんとズレが直る。
http://www.geocoding.jp/
めでたい。