js實現手機web頁面定位
阿新 • • 發佈:2018-11-09
<script type="text/javascript"> 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 } }; 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) { //此處就是返回的地理位置資訊 console.log(res); //JSON.stringify(res),把返回的物件轉為字串了,自己根據需求擷取下就好 var resstr = JSON.stringify(res); alert(resstr); }); </script>