MarkerClusterer를 사용하여 선택한 클러스터의 스타일을 변경하십시오.

Question

나는 흘러가는 상황이 있습니다. MarkerClusterer 확대/축소가 클러스터를 손상시키지 않도록 정확히 동일한 위도/경도에있는지도상의 일부 표식이 있습니다. 사용자 클릭을 처리했지만 클릭 된 클러스터에 대해 다른 이미지를 설정하고 싶습니다.

나는 setStyles() 메서드를 찾았지만 클러스터 생성을 위해 설정된 기본 스타일을 변경했습니다. 또한 setTimeout에서의 퍼 팅 시도,

markerCluster = new MarkerClusterer(map, duplicateMarkers); 
markerCluster.clusters_[0].clusterIcon_.url_ = imageurl; 

내가 다른 이미지를 설정하지만이지도에 변화를 does't :

나는이 라인을 따라 뭔가를 시도했다.

Answer 1

클러스터를 만들 때 스타일을 정의 할 수 있습니다.

var markerCluster = new MarkerClusterer (지도, 마커 목록, {스타일 : [{...}, {...} ,,,}));

사용자 정의 스타일을 정의하는 방법은 여기에서 예를 참조하십시오 https://googlemaps.github.io/js-marker-clusterer/examples/advanced_example.html

당신은 그 개념을 확장하고 구별 또는 다른 아이콘을 사용하는 경우 식별 할 수있는 방법을 찾을 필요가있다. 필자의 경우지도에 5 가지 유형의 마커가 있으며 5 가지 유형의 클러스터 (마커 유형마다 하나씩)가 필요합니다. 내 마커를 다섯 가지 배열로 정렬했습니다. 두 개의 다른 배열 (예 : markerArray1 및 markerArray2)에 동일한 위도/경도의 마커를 추가하려고합니다. 다음 작업을 수행하십시오. var markerCluster1 = new MarkerClusterer (map, markerArray1, {styles : [{...}, {...} ,,,}));

var markerCluster2 = new MarkerClusterer (map, markerArray2, {styles : [{...}, {...} ,,,}));

그래서 클러스터를 다른 스타일로 별도로 정의하지만 동일한 맵에 추가해야합니다.