DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 基於JavaScript實現根據手機定位獲取當前具體位置(X省X市X縣X街道X號)
基於JavaScript實現根據手機定位獲取當前具體位置(X省X市X縣X街道X號)
編輯:關於JavaScript     

廢話不多說了,直接給大家貼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){
      //經度
      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);
})

以上內容是小逼給大家介紹的基於JavaScript實現根據手機定位獲取當前具體位置(X省X市X縣X街道X號),希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved