2013-09-06 2 views
0

Google지도 API v3의 환상적인 DrawingManager 클래스를 방금 들었습니다. 이는 내지도 만들기 웹 애플리케이션에서 정확히 what I need입니다.Google Maps API v3 DrawingManager 마커에 편집 가능한 정보 블록 추가

아아 마커 도구를 추가하면 마커 자체가지도에 표시됩니다. 마커에 정보 상자를 추가 할 수 있어야하며, 바람직하게는 Google Maps Engine과 유사합니다 (예 : 마커를 놓고 클릭 할 수 있음). 제목 및 설명 설정).

누락 된 것이 있습니까 (이 유형의 동작을 설정하기 위해 필요한 속성 일 수 있음), 아니면 내 구현을 함께 연결해야합니까? 후자의 경우, 쉽게 할 수있는 도우미 클래스를 알고 있습니까?

감사합니다.

답변

2

게시 한 첫 번째 링크에는 해당 페이지 하단에 DrawingManager에 실제 마커 인스턴스를 반환하는 이벤트 'markercomplete'가 있음을 설명하기 시작하는 섹션 "Drawing Events"가 있습니다. 또한 DrawingManager API 문서 (이벤트 및 해당 인수 참조) https://developers.google.com/maps/documentation/javascript/reference#DrawingManager

방금 ​​만든 마커의 인스턴스에 액세스하면 InfoWindow를 만들고 처리 할 수 ​​있습니다. 여기

//code 

당신을 위해 예를 들어 바이올린입니다 : http://jsfiddle.net/A96Hu/

+0

이 내가 찾던 정확히 것입니다. 훌륭해, 고마워! – aendrew

+0

안녕하세요, InfoWindows를 만든 후에 InfoWindow에 어떻게 액세스했는지 알 수 있습니까? 감사! – aendrew

+1

각 마커 정보 창 콘텐츠의 데이터와 실제 위치와 같은 다른 정보를 얻으려는 의도가있는 경우, 여기에는 몇 가지 조정 방법이 포함되어 있습니다 (settingsInfoWindow가 미세 조정을 위해 마커를 드래그 할 수 있도록 추가됨). 오픈, 기타 개선 사항 중). 마커는 이제 배열에 저장되며 getMarkersData() 함수를 사용합니다. http://jsfiddle.net/A96Hu/3/ – astupidname