GoogleMapの導入とAPIによるジオコーディング
rails6にて表記の件を導入した際に備忘録。
なお、APIの取得等は他サイトでも紹介されている為、そちらを参考に。
https://www.zenrin-datacom.net/business/media/g001/
こちらではコードやうまくいかなかったことを記載する。
Maps JavaSript API
Geocoding API
Google Maps APIキーの取得後、かつGeocoding APIを取得後
<div id="map" class="map-window"></div>
#大きさを指定しないと表示されない
var map;
var marker;
var geocoder;
function initMap() {
geocoder.geocode({
'address': '<%= @post.prefecture+@post.city+@post.address+@post.building_name %>'
#こちらはDBから取得した住所情報とする
}, function(results, status) {
center: results[0].geometry.location,
zoom: 17
});
position: results[0].geometry.location,
map: map
#ピンの場所についての情報
});
} else {
alert(status);
#エラーコード
}
});
}
</script>
class、styleによる大きさの指定をしなければ表示されない。