콘텐츠
지도 API 3.0을 사용하면 사이트의 특정 잠재 고객 요구에 맞게 Google지도를 맞춤 설정할 수 있습니다. 개인화의 한 가지 방법은 특정 장소 주변의 거리 반경을 나타내는 원을 삽입하는 것입니다. 예를 들어 여행지 주변을 5 마일 반경으로 표시하여 방문자가 근처 호텔 및 레스토랑을 볼 수 있습니다. 위치 또는 지점 주변의 거리 반경을 만들려면 Google지도에서 "Circle"클래스를 사용하십시오.
지침
-
HTML 파일을 열고 Google지도 코드가 포함 된 섹션으로 이동하십시오.
-
마커 위치를 찾을 때까지 코드를 아래로 스크롤하십시오. 북마크를 쉽게 찾으려면 HTML 파일에서 "google.maps.Marker"라는 용어를 검색하십시오.
-
마커를 설정하는 위치 아래에서 '서클'레이어를 만들어 첨부합니다. 예를 들어 다음을 입력하십시오.
var circleExample = 새 google.maps.Circle ({map : map
-
마커 주변에있을 원의 반경을 미터 단위로 추가합니다.
var circleExample = 새 google.maps.Circle ({map :지도 반경 : 5000
-
원의 채움 색상을 만듭니다. 색상을 16 진수 형식으로 설정합니다. 예를 들어 다음을 입력하십시오.
var circleExample = 새 google.maps.Circle ({지도 :지도 반경 : 5000 fillColor = #FFFFFF});
-
서클을 마커에 연결하거나 추가합니다.
var circleExample = 새 google.maps.Circle ({지도 :지도 반경 : 5000 fillColor = #FFFFFF}); circleExample.bindTo ( 'map', marker);
-
지도를 저장하고 테스트하십시오. Google지도는 마커 위치 주변 5,000 미터 반경의 흰색 원을 표시합니다.