Кластерный маркер Google Maps с использованием геокодера - PullRequest
Новая
       47

Кластерный маркер Google Maps с использованием геокодера

1 голос
/ 30 ноября 2011

Используя эти данные 

   var data = {
  'address': [
    {
      'address': '7970 GLENTIES Ln'
    },
    {
      'address': '8022 Caminito Mallorca'
    },
    {
      'address': '2750 Wheatstone St # 26'
    },
    {
      'address': '335 49th St'
    }  
  ]
};

Мне удалось пометить их, но я не смог их сгруппировать. ниже кода, который я использую. 

var markerArray = [];
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var center = new google.maps.LatLng(37.4419, -122.1419);

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 3,
      center: center,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var address;
    var markers = [];
    for (var level in data) {
        for (var i = 0; i < data[level].length; i++) {
       //   var dataPhoto = data.photos[i];
          var dataAdd =  data[level][i];
        //  alert(dataAdd.address);
        geocoder.geocode({ 'address': dataAdd.address}, function(results){            
          var marker  = new google.maps.Marker({
              map: map, 
              position: results[0].geometry.location
          });
         markerArray[i] = marker;         
        });
        }
    }
    var markerCluster = new MarkerClusterer(map, markerArray);
  }

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

Как я могу их кластеризовать? похоже, что MarkerClusterer не работает или я не знаю.

Ответы [ 2 ]

2 голосов
/ 30 ноября 2011

Поскольку функция геокодирования является асинхронной, вам необходимо создать кластер маркеров до того, как маркеры будут созданы.

, что вам нужно сделать, это создать MarkerClusterer перед началом геокодирования, а затем вместо добавления в массив маркероввместо этого вы можете просто добавить его в MarkerClusterer.

0 голосов
/ 29 января 2019

Да, функция геокодирования асинхронная. поэтому вы можете добавить маркер в кластер позже, используя метод addMarker (). 

var markerCluster = new MarkerClusterer(map, markerArray);
for (var level in data) {
    for (var i = 0; i < data[level].length; i++) {      
      var dataAdd =  data[level][i];
      geocoder.geocode({ 'address': dataAdd.address}, function(results){            
      var marker  = new google.maps.Marker({
          map: map, 
          position: results[0].geometry.location
      });
     markerArray[i] = marker;  
     markerCluster..addMarker(marker);       
    });
    }
}
...