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无法加载所有标记

回答

相关问题