reactjs - 同じ場所でGoogleマップ/ Markerclustererの複数のマーカーに反応する

Question

React-redux プロジェクトで markerclusterer を使用して、すべての会社のマーカーを描画しています。同じ住所の会社が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);