RailsでGoogleMapを表示させたいです。
Ruby on Railsで開発をしています。
GoogleMapを表示させたいんですが、マップが表示されなくて、困っています。
viewコードとjsファイルのコードを書いておきますのでどう修正すればいいのか教えていただきたいです。
map.html.slimファイル
doctype html
html
head
meta charset="utf-8"
title ポリゴン
sass:
html, body
height: 100%
margin: 0
padding: 0
div
display: inline-block
&#map
height: 100%
width: 640px
margin: 0 auto
body
#map
script src="/assets/admin/polygon.js"
script src="https://maps.googleapis.com/maps/api/js?callback=init" async="async" defer="defer"
app/assets/javascripts/admin/polygon.jsファイル
var map;
var markers = [];
var polygons = [];
function init() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 35.783530, lng: 139.696165},
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
});
google.maps.event.addListener(map, 'click', setMarker);
}
function setMarker(event){
var latlng = createGmapLatLng(event.latLng.lat(),event.latLng.lng());
mk = new google.maps.Marker({
map:map,
position: latlng,
});
mk.setMap(map);
markers.push(latlng);
}
function createGmapLatLng(lat,lng){
var latlng = new google.maps.LatLng(lat,lng);
return latlng
}