MarkerClustererが機能していませんか？

StackOverflow https://stackoverflow.com/questions/8880863

  •  28-10-2019
  •  | 
  •  

質問

皆さんこんにちは、

営業担当者が簡単な旅行ガイドを作成できるように、当社の顧客のマーカーを備えたGoogleマップを作成しています。しかし、私はたくさんのマーカーを手に入れたので、それらをクラスターして適切にロードする必要があります。ここで、MarkerClustererがすべてのうち最速であると言ったいくつかのサイトを見つけましたが、実装しようとすると機能しません（私は動作しませんプログラミングが得意です:(）しかし、ここで誰かが私が間違っていることを知っているのかもしれませんここで私が使用しているコードです。.xmlファイルからマーカーを取得する私が間違っていることを理解してください

http://groups.google.com/group/google-maps-api/browse_thread/thread/a9cd6ed3ae8eabe6/a07a3b9ae7aae196 http://www.svennerberg.com/examples/markers/markerperformance.html#

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Google Maps</title>
    <script src="js/markerclusterer.js" type="text/javascript"></script>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAPDUET0Qt7p2VcSk6JNU1sBSM5jMcmVqUpI7aqV44cW1cEECiThQYkcZUPRJn9vy_TWxWvuLoOfSFBw" type="text/javascript"></script>
  </head>
  <body onunload="GUnload()">

    <!-- you can use tables or divs for the overall layout -->


           <div id="map" style="width: 550px; height: 450px"></div>


    <script type="text/javascript">
    //<![CDATA[

    if (GBrowserIsCompatible()) {

      // A function to create the marker and set up the event window
      function createMarker(point,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        return marker;
      }


      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        GEvent.trigger(gmarkers[i], "click");
      }


      // create the map
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng( 51.907787,5.359741), 9);
      map.enableScrollWheelZoom();


      // Read the data from example.xml
      GDownloadUrl("test.xml", function(doc) {
        var xmlDoc = GXml.parse(doc);
        var markers = xmlDoc.documentElement.getElementsByTagName("marker");

        for (var i = 0; i < markers.length; i++) {
          // obtain the attribues of each marker
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new GLatLng(lat,lng);
          var html = markers[i].getAttribute("html");
          // create the marker
          var marker = createMarker(point,html);
          map.addOverlay(marker);
          markers.push(marker);
        }
      });
      var markerCluster = new MarkerClusterer(map, markers);
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }


    //]]>
    </script>
  </body>

</html>
役に立ちましたか？

解決

Googleマップのため、V2は廃止されているため、コードをV3に書き換える必要があります。ここでは、MarkerClustererを統合する方法の例をいくつか見つけます。参照については、ここをクリックしてください

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top