Google Maps API v3無法加載所有標記

我看了一下，但沒有人似乎有類似的問題。Google Maps API v3無法加載所有標記

我試圖創建一個地圖有5個標記爲5點的位置，但由於某些原因，地圖似乎只被裝載4

這裏是我的代碼的鏈接http://urloritdidnthappen.appspot.com/501001

那麼什麼我試過了嗎？

我認爲這些標記中的兩個太靠近了。沒有顯示的人（croEndMarker）與hornsMarker的位置非常接近。我刪除了hornsMarker，但無濟於事。

然後我把croEndMarker的座標換成了hornsMarker的座標。然後hornsMarker顯示croEndMarker的位置。不知道我在這裏排除的是什麼，但可以說在那個確切位置沒有黑洞吞嚥標記

我真的不知道我的下一步應該是什麼。您可以放置在特定區域的標記數量有限制嗎？

謝謝大家非常的任何幫助，您可以提供

TL; DR：地圖將不會顯示所有5個標記，請幫助。 http://urloritdidnthappen.appspot.com/501001

按照要求，代碼本身：

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

      var brentX = new google.maps.LatLng(51.575363, -0.225273); 
      var finCen = new google.maps.LatLng(51.60096, -0.192459); 
      var horns = new google.maps.LatLng(51.58713,-0.121549); 
      var finPar = new google.maps.LatLng(51.568574, -0.102657); 
      var croEnd = new google.maps.LatLng(51.579656,-0.153775); 

      var mapOptions = { 
      center: new google.maps.LatLng(51.542492, -0.103394), 
      zoom: 12, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 

      var brentXMarker = new google.maps.Marker({ 
      position: brentX, 
      title: "Brent Cross" 
      }); 

      var finCenMarker = new google.maps.Marker({ 
      position: finCen, 
      title: "Finchley Central" 
      }); 

      var hornsMarker = new google.maps.Marker({ 
      position: horns, 
      title: "Hornsey" 
      }); 

      var finParMarker = new google.maps.Marker({ 
      position: finPar, 
      title: "Finsbury Park" 
      }); 

      var croEndMarker = new google.maps.Marker({ 
      position: croEnd, 
      title: "Crouch End" 
      }); 


     brentXMarker.setMap(map); 
     finCenMarker.setMap(map); 
     hornsMarker.setMap(map); 
     finParMarker.setMap(map); 
     croEndMarker.setmap(map); 

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

    <div id="map-canvas" style="width: 1200px; height: 600px;" />

來源

2013-09-26 D.R.

我得給你訪問我的谷歌帳戶，一看就知道。我不打算這樣做。 – Andy

我不是沙盒。而且你沒有給他們訪問任何東西，只能看到你的電子郵件地址。 –

只需在此處輸入代碼即可。 – 2013-09-26 09:10:03

注意你的camelcase。它應該是：

croEndMarker.setMap(map);

FWIW，這一切都出現在console log爲：

TypeError: croEndMarker.setmap is not a function

來源

2013-09-26 09:22:39 Andy

世界上沒有足夠的facepalm。非常感謝你，總是很高興有這樣的事情第二雙眼睛編輯：我實際上是通過WordPress做到這一切，據我所知，沒有錯誤報告。我可能是錯的，似乎經常發生。無論哪種方式，感謝您的時間和幫助 –

Google Maps API v3無法加載所有標記

回答

相關問題