2013-07-06 80 views
2
<html> 
    <head> 
     <script src="http://maps.googleapis.com/maps/api/js?key=MYKEY&sensor=false"></script> 
     <script> 
      var myCenter = new google.maps.LatLng(parseFloat(my_lat_echoed_from_php), parseFloat(my_lng_echoed_from_php)); 
      function initialize() { 
       var mapOptions = { 
        center:myCenter, 
        zoom:6, 
        mapTypeId:google.maps.MapTypeId.ROADMAP 
       }; 

       var map = new google.maps.Map(document.getElementById("googleMap"),mapOptions); 
       var marker = new google.maps.Marker({ 
        position: myCenter, 
        map: map, 
        title: 'Hello World!' 
       }); 
      } 
      google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
    </head> 
    <body> 
     <div id="googleMap" style=" width:50%; height:500px; border:3px solid black; margin: 0 auto;"></div> 
    </body> 
</html> 

它從我的數據庫中正確獲取緯度和經度,並將它置於正確的位置,但沒有標記出現。我爲此HTML頁面包含locations_show.php。除了標記以外,一切都有效爲什麼我的Google標記不顯示?

+0

任何錯誤在您的瀏覽器錯誤控制檯?您的'myCenter'經緯度點是否正確地將您地圖上的地圖居中(表示您的PHP座標正確輸出)? –

+0

是的。自從我開始使用Google地圖以來,我一直在控制檯中發現這個錯誤:「Uncaught TypeError:Type error」。我沒有想到它,因爲一切工作正常(除了當我嘗試使用標記)。 – lschlessinger

+0

其實我只是修好了。我發現這個:http://stackoverflow.com/questions/17324072/google-maps-uncaught-typeerror-type-error並添加了優化:false到我的標記選項 – lschlessinger

回答

4

我將optimized: false添加到我的標記選項中,如this answer所示。

改變了這個:

var marker = new google.maps.Marker({ 
    position: myCenter, 
    map: map, 
    title: 'Hello World!' 
}); 

var marker = new google.maps.Marker({ 
    position: myCenter, 
    map: map, 
    optimized: false, 
    title: 'Hello World!' 
}); 
相關問題