2014-11-20 2 views
0

새 Google지도 시스템과 내장 iframe을 사용하여 사용자 정의 위치가있는 내 페이지에 Google지도를 추가하고 있습니다.사용자 정의 Google지도에 주소 검색을 추가하십시오.

내가 놓친 것은 사용자가 자신의 주소를 검색하여 가장 가까운 위치를 찾는 방법입니다.

지도에는 로컬 디스크 골프 코스가 나열되어 있으며 가장 가까운 코스에 얼마나 가까이 살고 있는지 알 수 있도록 검색 주소창을 추가하고 싶습니다.

어떻게해야합니까? 사이트에

<iframe src="https://mapsengine.google.com/map/u/0/embed?mid=zgauQ93-BexQ.kryT1881iie4" width="640" height="480"></iframe> 

을 표시 :

http://atxdiscgolf.com/

당신은 ... 어떤 검색 창을 볼 수 있듯이

여기에 내 현재 iframe이 코드입니다! 이지도에서 주소를 검색하여 집이 얼마나 가까이 있는지 확인할 수 있기를 원합니다. 저에게 알려주세요! 내 목록에 추가 할 Disc Golf 코스가 있다면 알려주세요!

+0

을 나는이 작업이 바이올린을 만들었습니다 http://jsfiddle.net/ 9sfeqfmg/ 이것은 내 "MID"(지도 ID)입니다. zgauQ93-BexQ.kryT1881iie4 https://mapsengine.google.com/map/u/0/embed?mid=zgauQ93-BexQ.kryT1881iie4 – MrGoodfellow

답변

0

나는 그것을하는 방법을 이해했다! 체크, 그리고 https://developers.google.com/maps/documentation/javascript/examples/places-searchbox?hl=fr

내가 그렇게 KML 계층에 대해 읽어 ... 내가 내지도에 갔다 https://developers.google.com/maps/documentation/javascript/examples/layer-kml

KML로 내보내기를 클릭 :

첫째, 나는 여기에있는 "샘플 코드"를 사용 내지도 업데이트가 내지도에서 KML 파일을 다운로드 한 파일 위치로 KML을 안내 할 때 업데이트합니다.

효과가 있습니다. 내 맞춤형 오버레이가 포함 된 검색 가능한지도가 있습니다!

그것은 내가 아래 코멘트에 내 바이올린에 대한 링크를 게시 할 예정입니다, 그래서 나에게 2 개 이상의 링크를 게시 못하게

:

+0

http://jsfiddle.net/9sfeqfmg/2/ – MrGoodfellow

-1

설명서에서 sample code을 확인하십시오. 그것은 당신이 찾고있는 것처럼 들리는지도 인 검색 상자를지도에 추가합니다. 길 찾기 나 거리 계산을 원한다면 다른 라이브러리/apis를 사용해야 할 수도 있지만 Google Maps v3에는 이미 많은 메소드가 이미 있습니다 (예 : computeDistanceBetween).

+0

이것을 포함하는 바이올린 그러나 나는 나의 주문의지도를 더하는 방법을 모르고있다. 이것은 내 MID입니다 : 중반 = zgauQ93-BexQ.kryT1881iie4 여기에 내가 일하고있는 피들입니다 : http://jsfiddle.net/9sfeqfmg/ 삽입 된지도에이 MID를 추가하는 방법을 잘 모르는 ... 읽었습니다. API하지만 조금 혼란 스럽네요. – MrGoodfellow

관련 문제