2012-01-16 6 views
0

こんにちは皆さん、markerclustererは機能しませんか?

私は、営業担当者が簡単に旅行ガイドを作成できるように、当社の顧客のマーカーでGoogleマップを作成しています。しかし、私はマーカーをたくさん持っているので、それらを適切にロードするためにそれらをクラスタ化する必要があります。私はそれを実装しようとすると、マーカークラスラーがすべての中で最速だったと言ったいくつかのサイトを見つけました。プログラミングではうまくいきますが、多分ここで誰かが私が何をしているのか分かりません。私が使っているコードは です。.xmlファイルからマーカーを取得すると、この2つのWebサイトも見つかりました。 tは私がやっているかを把握間違っ

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

ので、あなたのコードがV3に書き換える必要があります推奨されていませんGoogleマップV2の
<!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> 

答えて

3

! markerclustererを統合する方法の例をいくつか見てみましょう:Click here for Reference

+0

私はmarkerclustererをGoogleマップv2に実装できますか?私がすでに言及したように私はプログラミングにうまくいかないので、v3に書き直すのは非常に難しく、私はインターンシップが終わるまで2週間しかないが、これを終える必要はないが、 :P – ronnie

関連する問題