我在我的 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);