基于JavaScript實(shí)現(xiàn)根據(jù)手機(jī)定位獲取當(dāng)前具體位置(X省X市X縣X街道X號(hào))
廢話不多說(shuō)了,直接給大家貼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) 可獲得定位信息對(duì)象");
};
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("暫時(shí)獲取不到位置信息");
break;
case 3:
alert("獲取信息超時(shí)");
break;
case 4:
alert("未知錯(cuò)誤");
break;
}
};
//調(diào)用
var local = new Location();
local.getLocation(function(res){
//此處就是返回的地理位置信息
console.log(res);
})
以上內(nèi)容是小逼給大家介紹的基于JavaScript實(shí)現(xiàn)根據(jù)手機(jī)定位獲取當(dāng)前具體位置(X省X市X縣X街道X號(hào)),希望大家喜歡。
相關(guān)文章
javascript將ip地址第四段用星號(hào)代替的兩種方法
javascript將ip地址第四段用星號(hào)代替的方法,需要的朋友可以參考下。2010-03-03
TensorFlow.js機(jī)器學(xué)習(xí)預(yù)測(cè)鳶尾花種類
TensorFlow.js是一個(gè)開(kāi)源的基于硬件加速的JavaScript庫(kù),用于訓(xùn)練和部署機(jī)器學(xué)習(xí)模型。本教程將會(huì)帶大家簡(jiǎn)單了解和使用TensorFlow.js框架實(shí)現(xiàn)預(yù)測(cè)鳶尾花種類2022-11-11
談?wù)凱HP中相對(duì)路徑的問(wèn)題與絕對(duì)路徑的使用
經(jīng)常看到有人踩在了PHP路徑的坑上面了,感覺(jué)有必要來(lái)說(shuō)說(shuō)PHP中相對(duì)路徑的一些坑,以及PHP中絕對(duì)路徑的使用,下面一起來(lái)看看。2016-08-08
前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式
這篇文章主要給大家介紹了關(guān)于前端js使用xlsx-js-style導(dǎo)出Excel文件并修飾單元格樣式的相關(guān)資料,前端開(kāi)發(fā)過(guò)程中經(jīng)常遇到導(dǎo)出excel的需求,需要的朋友可以參考下2023-08-08
JavaScript實(shí)現(xiàn)無(wú)刷新上傳預(yù)覽圖片功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)無(wú)刷新上傳預(yù)覽圖片功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
詳解微信小程序網(wǎng)絡(luò)請(qǐng)求接口封裝實(shí)例
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求接口封裝,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05

