無法在Google Maps Api v3中添加標記

Question

由於昨天我試圖在Google Maps Api v3中添加標記。我閱讀文檔和所有。這裏是我的代碼：

<script type="text/javascript"> 
    var map; 
    function initialize() { 

    var mapOptions = { 

     center: new google.maps.LatLng(28.63, 77.21), 
     zoom: 8, 
    disableDefaultUI: false, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 


    } 
// google.maps.event.addDomListener(window, 'load', initialize); 

    function getFillingDetails(){ 
    var vehicleId = $('#selectVehicle option:selected').val(); 
    $.getJSON('getFillingDetails.php', {id : vehicleId}, function(data){ 
    var lat = []; 
    var lon = []; 
    var price = []; 
    $.each(data, function(key, value){ 
    lat.push(value.latitude); 
    lon.push(value.longitude); 
    price.push(value.price); 
    }); 
    }); 

    var myLatlng = new google.maps.LatLng(23.72,77.10); 

var marker = new google.maps.Marker({ 
      position: new google.maps.LatLng(23.72, 72.100), 
      map: map, 
     }); 

    } 
</script> 

一切看起來好像沒什麼問題。在body標記的onload之後調用initialize()函數。 和getFillingDetails()當我點擊一個按鈕時會調用這個函數。 但我仍然沒有成功。

Answer 1

你必須要在一個語法錯誤：

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(23.72, 72.100), 
    map: map, <--- get rid of this comma 
}); 

下一次你應該看看是否有任何錯誤的開發者控制檯。

Answer 2

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

源：https://developers.google.com/maps/documentation/javascript/markers