基于JavaScript實現(xiàn)根據(jù)手機定位獲取當前具體位置(X省X市X縣X街道X號)
更新時間:2015年12月29日 14:00:00 投稿:mrr
這篇文章主要介紹了基于JavaScript實現(xiàn)根據(jù)手機定位獲取當前具體位置(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ù)手機定位獲取當前具體位置(X省X市X縣X街道X號),希望大家喜歡。
相關(guān)文章
JavaScript常見的函數(shù)中的屬性與方法總結(jié)
當定義和調(diào)用函數(shù)時,JavaScript?函數(shù)對象會自動具有一些特定的屬性,本文為大家總結(jié)了一些常見的屬性和方法,感興趣的小伙伴可以了解一下2023-05-05JavaScript中的公有、私有、特權(quán)和靜態(tài)成員用法分析
這篇文章主要介紹了JavaScript中的公有、私有、特權(quán)和靜態(tài)成員用法,以實例形式分析了其使用方法,簡單易懂,對于初學javascript的朋友具有不錯的學習與借鑒價值,需要的朋友可以參考下2014-11-11詳解原生JavaScript實現(xiàn)jQuery中AJAX處理的方法
這篇文章主要介紹了原生JavaScript實現(xiàn)jQuery中AJAX處理的方法,作者根據(jù)jQuery中一些對AJAX請求的處理方式來用原生API實現(xiàn),需要的朋友可以參考下2016-05-05推薦幾個不錯的console調(diào)試技巧實現(xiàn)
這篇文章主要介紹了推薦幾個不錯的console調(diào)試技巧實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12