谷歌地图标记不会显示

Question

而我完全不知道为什么。这是我第一次尝试使用Maps API v3来做到这一点。地图显示正确，但无处可见。这里的代码：

<script> 
window.onload = function(evt) { 
if(document.readyState === 'complete') { 
    var latlng = new google.maps.LatLng(50.833, 4.333); 
    var styles = [ 
    { 
     stylers: [ 
     { hue: '#ffdd00' } 
     ] 
    } 
    ]; 
    var myOptions = { 
    zoom: 16, 
    scrollwheel: false, 
    mapTypeControl: false, 
    disableDoubleClickZoom: true, 
    draggable: false, 
    navigationControl: false, 
    streetViewControl: false, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    styles: styles 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  
    var image = '/img/marker.png'; 
    map.addMarker({ 
    lat: 50.833, 
    lng: 4.333, 
    title: 'Here it is', 
    icon: image, 
    });   
    } 
} 
</script> 

任何想法？

Answer 1

否addMarker()方法。

尝试new google.maps.Marker()

var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    title: 'Here it is', 
    icon: image, 
    });