Javascript 为什么不';我的谷歌地图标记没有加载吗?
我对JavaScript和谷歌地图API v3还不熟悉。我正在ASP.Net页面中尝试开发人员指南示例代码。地图按预期显示,但标记未加载。如果有人能发现我的错误,我将不胜感激:Javascript 为什么不';我的谷歌地图标记没有加载吗?,javascript,google-maps-api-3,google-maps-markers,Javascript,Google Maps Api 3,Google Maps Markers,我对JavaScript和谷歌地图API v3还不熟悉。我正在ASP.Net页面中尝试开发人员指南示例代码。地图按预期显示,但标记未加载。如果有人能发现我的错误,我将不胜感激: <style type="text/css"> html, body, #map_canvas { margin: 0; padding: 0; height: 100%; } </style> <script type="text/javascript" src="http
<style type="text/css">
html, body, #map_canvas { margin: 0; padding: 0; height: 100%; }
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var myLatlng = new google.maps.LatLng(-41.2954168187213,174.767133718655 )
function initialize() {
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: "Hello World!"
});
// The following set map made no difference.
//The constructor above should have been enough?
//marker.setMap(map);
//google.maps.event.addDomListener(window, 'load', initialize);
</script>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
html,body,#map_canvas{margin:0;padding:0;height:100%;}
var映射;
var mylatng=new google.maps.LatLng(-41.2954168187213174.767133718655)
函数初始化(){
变量myOptions={
缩放:4,
中心:myLatlng,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map(document.getElementById(“map_canvas”),
肌肽);
}
var marker=new google.maps.marker({
职位:myLatlng,
地图:地图,
标题:“你好,世界!”
});
//下面的集合图没有任何区别。
//上面的构造函数应该足够了吧?
//marker.setMap(map);
//google.maps.event.addDomListener(窗口“加载”,初始化);
尝试将标记代码放入初始化函数中。否则,标记将看不到创建的地图。要扩展此答案,您正在创建标记,然后在加载文档时创建地图。这意味着标记没有可“锁定”的内容-映射变量为空。您需要首先加载地图,然后将标记锁定到地图上。如果需要,您可以创建一个标记队列,并在页面运行时对其进行遍历,如果地图已准备就绪,则将标记从该队列添加到地图中。谢谢。现在看来很明显。