無法在Google地圖上添加標記Api

Question

我嘗試過多種變化，但沒有在地圖上顯示標記。任何人都可以幫忙嗎？

</script> 
    <script> 
    function initialize() { 
     var latlng = new google.maps.LatLng(51.51697, -0.14650); 
     var myOptions = { 
      zoom: 16, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("map_canvas"), 
     myOptions); 
    } 

    // To add the marker to the map, use the 'map' property 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(51.51697, -0.14650), 
    map: map, 
    title:"HERE" 
}); 

// To add the marker to the map, call setMap(); 
marker.setMap(map); 
    </script> 

非常感謝。

Answer 1

有兩個原因標記顯示不出來：

1. 的map變量是initialize函數內的地方，所以你不能從功能之外的代碼實現它。

2. initialize函數是從加載事件中調用的，因此您試圖在標記存在之前將標記添加到地圖中。

將標記添加到initialize函數中的地圖上。您可以訪問該變量，並且在添加標記時已經創建了地圖。

如果您需要訪問initialize函數之外的地圖，請在函數的外部聲明變量map。