欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于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é)

    JavaScript常見的函數(shù)中的屬性與方法總結(jié)

    當定義和調(diào)用函數(shù)時,JavaScript?函數(shù)對象會自動具有一些特定的屬性,本文為大家總結(jié)了一些常見的屬性和方法,感興趣的小伙伴可以了解一下
    2023-05-05
  • js實現(xiàn)表格字段排序

    js實現(xiàn)表格字段排序

    本篇文章只要是對js表格字段排序的實例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02
  • JavaScript中的公有、私有、特權(quán)和靜態(tài)成員用法分析

    JavaScript中的公有、私有、特權(quán)和靜態(tài)成員用法分析

    這篇文章主要介紹了JavaScript中的公有、私有、特權(quán)和靜態(tài)成員用法,以實例形式分析了其使用方法,簡單易懂,對于初學javascript的朋友具有不錯的學習與借鑒價值,需要的朋友可以參考下
    2014-11-11
  • js有序數(shù)組的連接問題

    js有序數(shù)組的連接問題

    昨天碰到一道關(guān)于如何解決有序數(shù)組的連接問題,這是一個很常見的問題。但是這里要考慮到代碼的效率問題,因為要連接的數(shù)組都是有序的,這是一個非常重要的前提條件
    2013-10-10
  • 詳解原生JavaScript實現(xiàn)jQuery中AJAX處理的方法

    詳解原生JavaScript實現(xiàn)jQuery中AJAX處理的方法

    這篇文章主要介紹了原生JavaScript實現(xiàn)jQuery中AJAX處理的方法,作者根據(jù)jQuery中一些對AJAX請求的處理方式來用原生API實現(xiàn),需要的朋友可以參考下
    2016-05-05
  • JS實現(xiàn)淘寶幻燈片效果的實現(xiàn)方法

    JS實現(xiàn)淘寶幻燈片效果的實現(xiàn)方法

    淘寶幻燈片效果:能自動播放,鼠標指向或者點擊數(shù)字按鈕就能切換圖片。
    2013-03-03
  • js/jQuery簡單實現(xiàn)選項卡功能

    js/jQuery簡單實現(xiàn)選項卡功能

    本篇文章主要是對js/jQuery簡單實現(xiàn)選項卡功能的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • 微信小程序左右滑動刪除事件詳解

    微信小程序左右滑動刪除事件詳解

    這篇文章主要為大家詳細介紹了微信小程序左右滑動刪除事件,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • 推薦幾個不錯的console調(diào)試技巧實現(xiàn)

    推薦幾個不錯的console調(diào)試技巧實現(xiàn)

    這篇文章主要介紹了推薦幾個不錯的console調(diào)試技巧實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-12-12
  • 利用uni-app開發(fā)App的超簡易教程

    利用uni-app開發(fā)App的超簡易教程

    uni-app是一個使用Vue.js開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web(響應(yīng)式)、以及各種小程序,下面這篇文章主要給大家介紹了關(guān)于如何利用uni-app開發(fā)App的相關(guān)資料,需要的朋友可以參考下
    2022-11-11

最新評論