Реагируйте на Google maps/ Markerclusterer несколькими маркерами в одном месте

Я использую markerclusterer в своем проекте React-redux для рисования маркеров для всех компаний. У меня есть 3 компании, имеющие один и тот же адрес. Когда я увеличиваю карту, я вижу номер 3 (кластер маркеров), а при дальнейшем увеличении я вижу только 1 маркер (для всех 3 компаний). Мне нужно отобразить один маркер (отфильтровать компании из markerClusterer с одинаковым адресом), и когда щелкнет маркер, откройте диалоговое окно, чтобы отобразить сведения о компании. Первоначально, когда карта загружена, маркеры отображаются (код ниже:)

      companies.map((company) => {
      this.marker = new google.maps.Marker({
      map: map,
      position: {lat: parseFloat(company.latitude),
                 lng: parseFloat(company.longitude)},
      icon: {url:'/src/images/blue_marker.png',
             size: new google.maps.Size(30, 30)},
      title: company.name + ' ' + company.vacancy.vacancy                  
      }); 
      options = {
        imagePath: '/src/images/m',
        maxZoom: 15,
        zoomOnClick: false
       };
       var markerCluster = new MarkerClusterer(map, markers, options);
       markerCluster.setMaxZoom(15);

0 ответов

Другие вопросы по тегам