여러 마커가있는 Google지도 및 마커를 가리키는 위치 목록

Question

클릭 할 수있는 클러스터, 팝업 및 목록이있는 googlemap이 필요합니다.

마커를 쉽게 추가 할 수있는 간단한 솔루션을 찾고 맵에서 마커를 가리키는 마커 목록이 있습니다.

Answer 1

내가 성공적으로 그냥 (내 예를 그들이 변수 locations에있는)를 JSON으로 모든 마커를로드

markercluster.js를 사용하고, 다음을로드 :

var markers = locations.map(function(location, i) { 
     var marker = new google.maps.Marker({ 
     position: location 
     }); 
     return marker; 
    }); 

을 당신이 example code 보면 그것이 얼마나 쉬운지를 보여줄 것입니다.

Answer 2

Google지도 JS API 문서는 분명히 분명합니다.

https://developers.google.com/maps/documentation/javascript/adding-a-google-map

나는 당신의 예와 같이 정확히 보이는 기성품 솔루션이 있다고 생각하지 않습니다. 이 목록을 얻으려면 모듈을 배치/렌더링하기위한 HTML 작업과 Javascript/DOM 통합이 맵과 동기화되어야합니다. 초보적 인 프론트 엔드 개발이 일부 포함되어 있습니다.이 작업이 원하는 작업이 아니라면 맞춤형 Google지도를 만들어 링크 할 수있을 것입니다.

https://www.google.com/maps/about/mymaps/