基于JavaScript實現(xiàn)根據(jù)手機定位獲取當(dāng)前具體位置(X省X市X縣X街道X號)
更新時間:2015年12月29日 14:00:00 投稿:mrr
這篇文章主要介紹了基于JavaScript實現(xiàn)根據(jù)手機定位獲取當(dāng)前具體位置(X省X市X縣X街道X號)的相關(guān)資料,需要的朋友可以參考下
廢話不多說了,直接給大家貼js代碼了。具體代碼如下所示:
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){
//經(jīng)度
var longitude = position.coords.longitude;
//緯度
var latitude = position.coords.latitude;
self.loadMapApi(longitude,latitude);
}, self.onError, options);
} else {
//瀏覽器不支持geolocation
}
};
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("位置服務(wù)被拒絕");
break;
case 2:
alert("暫時獲取不到位置信息");
break;
case 3:
alert("獲取信息超時");
break;
case 4:
alert("未知錯誤");
break;
}
};
//調(diào)用
var local = new Location();
local.getLocation(function(res){
//此處就是返回的地理位置信息
console.log(res);
})
以上內(nèi)容是小逼給大家介紹的基于JavaScript實現(xiàn)根據(jù)手機定位獲取當(dāng)前具體位置(X省X市X縣X街道X號),希望大家喜歡。
相關(guān)文章
TensorFlow.js機器學(xué)習(xí)預(yù)測鳶尾花種類
TensorFlow.js是一個開源的基于硬件加速的JavaScript庫,用于訓(xùn)練和部署機器學(xué)習(xí)模型。本教程將會帶大家簡單了解和使用TensorFlow.js框架實現(xiàn)預(yù)測鳶尾花種類2022-11-11
前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式
這篇文章主要給大家介紹了關(guān)于前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式的相關(guān)資料,前端開發(fā)過程中經(jīng)常遇到導(dǎo)出excel的需求,需要的朋友可以參考下2023-08-08
JavaScript實現(xiàn)無刷新上傳預(yù)覽圖片功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)無刷新上傳預(yù)覽圖片功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-08-08

