我试图在我的rails应用程序中加载一个简单的谷歌地图。
问题是网页只显示一个空的网页。
这是我的索引.html.erb
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<%= javascript_include_tag 'testmap.js' %>
<body onload="initialize(); ">
<div id="map_canvas"></div>
这是我的测试图.js它在"public/javascripts"中:
var map;
function initialize() {
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
map = new google.maps.Map(document.getElementById('map_canvas'), {
center: chicago,
zoom: 11,
mapTypeId: 'roadmap'
});
}
显示的页面完全为空,除了从application.html.erb加载的代码
我希望你能帮助我。
谢谢
使用类似Firebug for Firefox的东西来查看你的JS文件是否已加载。
也许像$(document).ready(function() {}
这样的东西是必要的(在执行JS之前,您必须等待加载内容)。