website_html5 튜토리얼 팁에 Google 위치 정보를 추가하는 방법

HTML5 탐색 개체를 사용하면 현재 위치를 쉽게 확인할 수 있습니다. 도시/국가 세부정보를 얻으려면 아래 단계를 따르세요.

jQuery 라이브러리를 먼저 포함하세요

JavaScript 코드클립보드에 콘텐츠 복사

1. <스크립트 유형="text/javascript" src="jquery.js" ></script>
3. jQuery(함수() {
5. //navigator 객체를 호출하여 위도 및 로그 위치를 가져옵니다.
7. if(navigator.geolocation) {
9. //현재 위도 및 경도 가져오기
11. navigator.geolocation.getCurrentPosition(함수(위치) {
13. //Google에서 위도 및 경도를 기반으로 위치 세부정보 가져오기
15. var jsonUrl = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" position.coords.latitude "," position.coords.longitude
17. jQuery.getJSON(jsonUrl , 함수( data ) {
19. var 결과 = data.results[0];
console.info(결과)
21. //firebug 확인
Alert(results.address_comComponents[5].long_name)
23. //도시
경고(결과.주소_구성 요소[6].long_name)
25. //상태
Alert(results.address_comComponents[7].long_name)
27. //국가
},
31. 함수(){
warning(
33. '위치 세부정보를 가져오지 못했습니다...')
})
37. 반환 거짓
})
}})

웹사이트에 Google 위치 정보를 추가하는 방법에 대한 위의 기사는 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, Script Home에 많은 지원 부탁드립니다.

원본 주소: http://www.cnblogs.com/mivi/archive/2016/04/16/5398183.html