2013-02-06 227 views
0

而我完全不知道爲什麼。這是我第一次嘗試使用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> 

任何想法?

回答

0

addMarker()方法。

嘗試new google.maps.Marker()

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

你的答案,並添加 「圖標: 'IMG/marker.png',」 把戲做到了!謝謝! – Ken