3

현재 클러스터링 유형을 사용하지 않고지도에 28,000 개의 마커를 표시해야하는 데모 애플리케이션을 구성 중입니다. 문제는 브라우저에서 충돌이 발생할 때까지 많은 시간 동안지도에 마커를 추가하는 것입니다. 반환 된 각 값을 통해 루프 사이클이 수행 - 여기 LAT 및 LONG 포함 데이터베이스에서수천 개의 마커 추가 Google지도 API V3

-Retrieves지도 포인트 (지오 코딩 할 필요가 없습니다) 현재의 프로세스입니다

var marker = new google.maps.Marker({ 
       position: point, 
       animation: google.maps.Animation.DROP, 
       map: map, 
       title: value.Title, 
       icon: icons['store'] 
      }); 

      google.maps.event.addListener(marker, 'click', function() { 
       var hidingMarker = currentPlace; 
       var slideIn = function (marker) { 
        $('#Name', info).text(place.Title); 
        $('#Phone', info).text(place.Description); 
        $('#Address', info).text(place.Proper_Address); 
        $('#LastSale', info).text("Last Sale:" + place.Last_Sale); 
        info.animate({ right: '0%' }); 
       } 

을 - 마커가 들어가고 사용자는 그 중 하나를 클릭하여 약간의 정보를 볼 수 있습니다.

클러스터링하지 않고도 28,000을 보여줄 수 있도록보다 효율적인 방법이 있습니까? 나는 사람들이 이전에 그것을 처리하기 위해 작성한 일부 스크립트를 발견했지만, 모두 api V2 용입니다. 모든 링크 또는 코드는 크게 감사하겠습니다! 덕분에 !

+0

사용 사례는 무엇입니까? 28000 마커는 사용자에게 어떻게 유용합니까? 특히 클릭 할 사람을 선택해야하는 경우. 마커를 뷰포트로 제한하고 필요에 따라 추가/제거하는 것이 좋습니다. –

+1

28K를 말하고 싶습니다. 마커를 추가하거나 "부"를 만들면 브라우저가 다운됩니다. 그래서 제 제안은하지 마십시오. FusionTables은 옵션 일 수 있습니다 –

+0

유스 케이스는 다른 통계로 전세계 색상 좌표 주위의 모든 상점을 플롯하는 것입니다. 나는 더 큰 마커를 대체하기 위해 작은 점을 만들었다. 이것은 단지 한 번만 작동해야하며 사용자를 위해 공개되지 않습니다. – mscard02

답변

4

내 경험에 따르면지도에서 동시에 많은 마커를 표시하는 유일한 방법은 융합 표를 사용하는 것입니다 (일부 제한 사항 및 해결해야 할 다른 과제가 있음). 이 많은 마커를 처리하는 다른 모든 솔루션에는 클러스터링이 포함되어 있거나 넓은 확대/축소를 사용할 수 없습니다.

http://www.google.com/fusiontables/Home/

+0

퓨전 테이블이 내 대답이 될 것 같습니다. 올바른 방향으로 나를 보내 주셔서 감사합니다. – mscard02

+0

퓨전 테이블을 사용했으며 문제 유형에 맞게 설계되었습니다. –

1

나는 이 아니며 문자 그대로이 화면에 28,000을 표시한다고 가정합니다. 하위 집합 만 표시됩니까?

이 경우, 표시하려는 좌표 범위로 서버 요청을 한 다음 그저 플롯해야합니다. 마커를 업데이트해야하는시기를 알 수있는지도 이벤트가 있으며 브라우저에 너무 많은 객체가 동시에 표시되는 것을 방지 할 수 있습니다.

+0

화면에 28,000 개가 필요합니다. 내가 할 수있는 최선의 이미지가 겹치지 않게하는 작은 점인 고객 마커를 만들었습니다. – mscard02

관련 문제