谷歌地圖上的自定義標記

Question

我有約6k標記的預定義谷歌地圖。我如何爲它們製作自定義標記，如果我需要在1cm^2有10+個點的情況下放置marker_1，或者如果有50+個點的話放置marker_2。最後一個，我需要在這個自定義標記中打印點數。

Answer 1

粘貼其證明它

<script type="text/javascript"> 
    function initialize() { 
     var locations = 
     [ 
      ['Sugar Grove', 41.7696, -88.4588], 
      ['Coogee Beach', -33.923036, 151.259052], 
      ['Cronulla Beach', -34.028249, 151.157507], 
      ['Manly Beach', -33.80010128657071, 151.28747820854187], 
      ['Tel Aviv', 32.067, 34.767] 
     ]; 



     var map = new google.maps.Map(document.getElementById('map'), { 
           zoom: 3, 
           center: new google.maps.LatLng(--putHereCenterVar-->), 
           mapTypeId: google.maps.MapTypeId.ROADMAP 
          }); 



      var opt = { minZoom: 2, maxZoom:18 }; 
      map.setOptions(opt); 
      var markers = []; 
      var len=LocationLength.Length; 
      var i; 
      for (i = 0; i < len; i++) { 
       var dataValue = locations[i]; 
       var latLng = new google.maps.LatLng(dataValue[1],dataValue[2]); 
       var marker = new google.maps.Marker({position: latLng}); 
       markers.push(marker); 
      } 



      var markerCluster = new MarkerClusterer(map, markers); 
     } 


     google.maps.event.addDomListener(window, 'load', initialize); 

這段代碼演示瞭如何添加到Google地圖clustreded能力的代碼，嘗試添加到您的代碼。 位置是具有標記位置的二維數組，MarkerClusterer是使得很多點看起來像一個帶有實例數量的大標記的對象。

不要忘了聲明：

<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js" type="text/javascript"></script> 


    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/tags/markermanager/1.0/src/markermanager.js"></script> 
    <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js"></script> 

希望有所幫助。