簡體   English   中英

Google Maps API v3未加載所有標記

[英]Google Maps API v3 not loading all markers

我環顧四周,但似乎沒有人遇到類似的問題。

我正在嘗試創建一個具有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;" />

看着你的camelcase 它應該是:

croEndMarker.setMap(map);

FWIW,這將在console log為:

TypeError: croEndMarker.setmap is not a function

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM