markerCluster를 Google지도의 원형 차트로 변환

Question

현재 클러스터 된 Google지도를 만들고 있습니다. 나는 마커를 묶을 수 있었다. 내지도에는 두 가지 유형의 마커가 있습니다. 이제 이들을 클러스터링 할 때 기본 마커를 그룹으로 표시 할 수 없습니다. 파이 차트로 변환하고 싶습니다. 각 마커는 원형 차트에서 가중치를 계산합니다. 아래 이미지와 같습니다. Chart Marker Clusterer

나는 MarkerClustererPlus에 대해서도 읽었습니다. 그러나지도에서 이것을 사용하는 예는 없습니다. http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclustererplus/ 이 링크는 작동하지 않습니다. 이 plz 공유에 관한 다른 문서가있는 경우.

지도에 두 가지 유형의 아이콘이 있습니다. 이 두 가지 유형의 마커가 클러스터링되면 클러스터는 기본 마커 개수에 비례하여이 둘의 가중치를 포함하는 원형 차트가됩니다.

관련 사항이 있으면 대답하십시오. 감사.

Answer 1

당신이 nead 그 모든 여기 https://github.com/hassanlatif/chart-marker-clusterer

Traffic_accidents.json입니다 -

var accident_injuries = data.features[i].properties["5074"]; // Some like category ... 

이 그런 다음 파이 차트 (그룹 제목)에 대한 데이터를 설정 simple_example.html에 대한 데이터입니다 :

switch (Number(accident_injuries)) { 
    case 1: 
    accident_title = "Fatal"; 
    break; 
    case 3: 
    accident_title = "Serious injuries"; 
    break; 
    case 2: 
    accident_title = "Very serious injuries"; 
    ........ 

위로 마커 설정

var accident_LatLng = new google.maps.LatLng(Number(accident_lnglat[1]), Number(accident_lnglat[0])); 
var marker = new google.maps.Marker({ 
    position: accident_LatLng, 
    title: accident_title 
}); 

그런

var markerCluster = new MarkerClusterer(map, markers, opt); 

그리고 모든 이잖아 클러스터 단지 생성 루프 배열 한 후

markers.push(marker); 

를 밀어 넣습니다. Voalaa