Question

我看了一眼，但似乎没有人遇到类似的问题。

我正在尝试创建一个包含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;" />

Answer 1

观看您的camelcase。它应该是：

croEndMarker.setMap(map);

FWIW，这会出现在console log中：

TypeError: croEndMarker.setmap is not a function

Google Maps API v3未加载所有标记

1 个答案: