以下の記事を参考にさせていただきましたが、マップの方だけが表示されません。
全く同じ工程でやったのですが、mapを表示させることができません。
よろしければ、ご教授お願いいたします。
ruby
1show.html.erb 2 3<script type="text/javascript"> 4 function initMap() { 5 6 var test ={lat: <%= @latitude %>, lng: <%= @longitude %>}; 7 var map = new google.maps.Map(document.getElementById('map'), { 8 zoom: 15, 9 center: test 10 }); 11 var transitLayer = new google.maps.TransitLayer(); 12 transitLayer.setMap(map); 13 14 var contentString = '住所:<%= @address %>'; 15 var infowindow = new google.maps.InfoWindow({ 16 content: contentString 17 }); 18 19 var marker = new google.maps.Marker({ 20 position:test, 21 map: map, 22 title: contentString 23 }); 24 25 marker.addListener('click', function() { 26 infowindow.open(map, marker); 27 }); 28 } 29</script> 30<script async defer 31 src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=取得したapiのキー&callback=initMap"> 32</script> 33 34<p id="notice"><%= notice %></p> 35 36<p> 37 <strong>Address:</strong> 38 <%= @map.address %> 39</p> 40 41<p> 42 <strong>Latitude:</strong> 43 <%= @map.latitude %> 44</p> 45 46<p> 47 <strong>Longitude:</strong> 48 <%= @map.longitude %> 49</p> 50 51<style type="text/css"> 52 #map { height: 400px; 53 margin-left:auto; 54 margin-right:auto; 55 text-align:left; 56 width: 80%;} 57</style> 58<div id="map"></div> 59 60<%= link_to 'Edit', edit_map_path(@map) %> | 61<%= link_to 'Back', maps_path %>
あなたの回答
tips
プレビュー