Development Tip

google-maps-v3에서 모든 마커를 얻는 방법

yourdevel 2020. 11. 28. 12:32
반응형

google-maps-v3에서 모든 마커를 얻는 방법


Google지도에서 모든 마커를 가져올 수있는 방법이 있습니까?


"어떻게 주어진지도의 모든 마커에 대한 참조를 얻을 수 있는가"를 의미한다면, 대답은 "죄송합니다. 직접해야합니다"라고 생각합니다. 편리한 "maps.getMarkers ()"유형 함수가 없다고 생각합니다. 포인트가 생성 될 때 자신의 참조를 유지해야합니다.

var allMarkers = [];
....
// Create some markers
for(var i = 0; i < 10; i++) {
    var marker = new google.maps.Marker({...});
    allMarkers.push(marker);
}
...

그런 다음 allMarkers배열을 반복하고 필요한 작업을 수행 할 수 있습니다.


한 가지 방법 은 Google Maps JavaScript API의 KML 프로세서 버전 3과 함께 사용하기에 적합한 geoXML3 라이브러리 를 사용하는 입니다.


Google지도에 표시하려는 마커가 여러 개 있다고 가정합니다.

솔루션은 두 부분으로 구성됩니다. 하나는 마커의 모든 세부 정보를 포함하는 배열을 만들고 채우는 것이고, 두 번째는 각 마커를 만들기 위해 배열의 모든 항목을 반복하는 것입니다.

사용중인 환경을 모르기 때문에 구체적인 도움을 제공하기가 조금 어렵습니다.

저의 가장 좋은 조언은이 문서를 살펴보고 여러 마커가있는지도를 만드는 원리를 이해하는 것입니다. 자체 정보 창을 사용하여지도에 여러 마커 표시


JQuery Google 맵 플러그인을 사용하는 경우 아래 코드가 작동합니다.

var markers = $('#map_canvas').gmap('get','markers');


특정 클러스터 사용의 경우 : getMarkers () 클러스터 러에서 마커 배열을 가져옵니다.

지도의 모든 마커에 대해 다음을 사용합니다. getTotalMarkers () 클러스터 러의 마커 배열을 가져옵니다.


Google Maps API v3 :

Google지도를 초기화하고 마커를 추가했습니다. 나중에 모든 마커를 검색하고 싶었고지도 속성 "markers"에 액세스하여 간단히 수행했습니다.

var map = new GMaps({
    div: '#map',
    lat: 40.730610,
    lng: -73.935242,
});

var myMarkers = map.markers;

이를 반복하고 Google Maps Reference에 나열된 모든 Marker 메소드에 액세스 할 수 있습니다 .

참고 URL : https://stackoverflow.com/questions/2577417/how-to-get-all-markers-on-google-maps-v3

반응형