我正在尝试使用 google api 显示地图，但没有显示。
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAH35jXY2Yb5eApUzvZXuObiwFOpTC9xu0&sensor=true"> </script>
钥匙
{% if page == "Map" %}
<body bgcolor="#000000" onload="initialize()" >
<div id="floater" style="color:#33ff33; width:100%;"> Cool Title Here </div>
<div id="map_canvas" style="width: 60%; height:80%"></div>
</body>
{% endif %}
金贾
<script>
var map;
var markersArray = [];
var newMark;
function initialize() {
var a = new google.maps.LatLng(40.731649,-73.923269);
var mapOptions = {
zoom: 12 ,
center: a,
mapTypeId: google.maps.MapTypeId.HYBRID
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
{% for x in MessageList %}
newMark = new google.maps.LatLng({{x[1]}},{{x[0]}});
addMarker(newMark, "{{x[2]}}") ;
{% endfor %}
infowindow = new google.maps.InfoWindow({ content: "holding..." });
for (var i = 0; i < markersArray.length; i++) {
var marker = markersArray[i];
google.maps.event.addListener(marker, 'click', function () {
infowindow.setContent(this.user);
infowindow.open(map, this);
map.setCenter(this.getPosition());
});
}
}
</script>
Javascript
我之前在没有 Jinja 的情况下使用过这段代码来围绕身体，它适用于此。这是它在我的测试页面中的样子（这里没有显示标记，但它们很实用）
这是我正在使用的当前页面：
控制台不显示任何错误。目前，“浮动”显示但地图没有。