Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么不';我的谷歌地图标记没有加载吗?_Javascript_Google Maps Api 3_Google Maps Markers - Fatal编程技术网

Javascript 为什么不';我的谷歌地图标记没有加载吗?

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

我对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="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(窗口“加载”,初始化);

尝试将标记代码放入初始化函数中。否则,标记将看不到创建的地图。

要扩展此答案,您正在创建标记,然后在加载文档时创建地图。这意味着标记没有可“锁定”的内容-映射变量为空。您需要首先加载地图,然后将标记锁定到地图上。如果需要,您可以创建一个标记队列,并在页面运行时对其进行遍历,如果地图已准备就绪,则将标记从该队列添加到地图中。谢谢。现在看来很明显。