JavaScript 기반 현재 지리 적 위치 지정
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>Title</title>
</head>
<body>
<p></p>
</body>
<script>
//
function Location(){};
//
Location.prototype.getLocation = function(callback){
var options = {
enableHighAccuracy: true,
maximumAge: 1000
};
this.callback = Object.prototype.toString.call(callback) =="[object Function]" ?
callback :
function(address){
alert(address.province + address.city);
console.log("getocation(callbackFunction) ");
};
var self = this;
if (navigator.geolocation) {
// geolocation
navigator.geolocation.getCurrentPosition(function(position){
//
var longitude = position.coords.longitude;
//
var latitude = position.coords.latitude;
self.loadMapApi(longitude,latitude);
}, self.onError, options);
} else {
// geolocation
}
};
// ， api
Location.prototype.loadMapApi = function(longitude, latitude){
var self = this;
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="http://api.map.baidu.com/getscript?v=2.0&ak=A396783ee700cfdb9ba1df281ce36862&services=&t=20140930184510";
oHead.appendChild(oScript);
oScript.onload = function(date){
var point = new BMap.Point(longitude, latitude);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs) {
var addComp = rs.addressComponents;
self.callback(addComp);
});
}
};
//
Location.prototype.onError = function(error) {
switch (error.code) {
case 1:
alert(" ");
break;
case 2:
alert(" ");
break;
case 3:
alert(" ");
break;
case 4:
alert(" ");
break;
}
};
//
var local = new Location();
local.getLocation(function(res){
var str=""
for(i in res ){
str=res[i]+str
}
document.querySelector("p").innerHTML=str;
})
</script>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
