我正在尝试应用一个Google Maps API v.3,它可以在Ruby on Rails应用程序中按经度和纬度显示用户的位置。但是当我访问一个应该显示地图的页面时,我会得到一个空白的div,直到我用它刷新页面。则会正确显示贴图。下面是我使用的脚本。
(function() {
$(document).ready(function() {
var map, mapOptions, marker, myLatlng;
myLatlng = new google.maps.LatLng($("p#latitude").html(), $("p#longitude").html());
mapOptions = {
zoom: 16,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
return marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Ahoy!"
});
});我还包括<script src="http://maps.google.com/maps/api/js?sensor=false" style=""></script>和<script src="http://maps.gstatic.com/intl/en_us/mapfiles/api-3/14/11/main.js" type="text/javascript"></script>
会有什么问题呢?
我从Gemfile中删除了gem turbolinks,从application.js中删除了'require turbolinks‘,现在它可以正常工作了。
发布于 2015-05-24 04:41:25
你似乎已经回答了你自己的问题,但以防别人查到这一点:当你使用turbolinks时,页面之间不会出现document.ready --本质上,turbolinks会将你的整个应用程序视为一个页面。
https://stackoverflow.com/questions/19751849
复制相似问题