• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      ionic用插件(cordova-plugin-baidumaplocation)定位并調百度地圖在上面顯示

      2018-9-15    seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

      之前研究了定位,想用百度地圖,但是用百度地圖的 
      JavaScript API里面的瀏覽器定位根本不行,要用插件,很多人說本身帶的這個cordova-plugin-geolocation插件因為網絡問題,只有ios可以用,然后找到了專門針對安卓的cordova-qdc-baidu-location插件,但是這個插件不知道是不是我使用的問題,得到的數據可以彈出來,但是數據并不像這個插件所說的數據格式是

      {
        latitude : 緯度,
        lontitude: 經度, ... }
          
      • 1
      • 2
      • 3
      • 4
      • 5

      這樣的,而是字符串,不是json字符串,弄了半天還是取不到里面的關于經緯度的值,然后發現了現在的這個定位插件cordova-plugin-baidumaplocation這個插件返回的數據格式是json的,可以直接獲取。 
      因為網絡配代理的原因,一直添加不上插件,今天才發現用cordova-plugin-baidumaplocation插件定位其實挺簡單的。 
      1.申請AK值。 
      地址:http://lbsyun.baidu.com/ 
      需要申請兩個或者三個(配置ios),一個是js的,一個是android的(三個的話還有一個ios的,但是這邊直接只寫安卓的,其實ios是一樣的) 
      注:包名要一致 
      2.添加插件. 
      命令:

      cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="<API_KEY_ANDROID>" --variable IOS_KEY="<API_KEY_IOS>"
          
      • 1

      注意:是沒有<>這種尖括號的。 
      到此為止準備工作基本上晚了,開始代碼部分: 
      1.引入百度地圖:

      <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nLsK9qUii8uBZlkPAQUozAf9mR5xNVZF"></script>
          
      • 1

      這個引入是為了轉化經緯度為地址和顯示地圖。 
      2.在html頁面上寫兩個 標簽:

      <button class="button" ng-click="getarea()">點擊我獲取地址百度</button> <div id='allmap' style=""></div>
          
      • 1
      • 2

      div標簽是為了放地圖的。 
      3.js部分:

      $scope.getarea=function(){ //myaddr(116.324499,39.899216); // 進行定位 baidumap_location.getCurrentPosition(function (result) { var latitude=result.latitude; var lontitude=result.lontitude;
              myaddr(lontitude,latitude);
            }, function (error) { });
          } //根據定位得到的經緯度對地址進行解析 function myaddr(lontitude,latitude){ //alert("我的地址是:"+lontitude+","+latitude); // 百度地圖API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(lontitude, latitude);//34.7534880000,113.6313490000 map.centerAndZoom(point, 12); var marker = new BMap.Marker(point); // 創建標注 map.addOverlay(marker); // 將標注添加到地圖中 //把地址在地圖上標出來 var geoc = new BMap.Geocoder();
            geoc.getLocation(point, function(rs){ var addrmsg=rs.address; //var addComp = rs.addressComponents;  //詳細的分省市縣街道的信息 //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); var opts = {
                width : 200, // 信息窗口寬度 height: 50, // 信息窗口高度 } var infoWindow = new BMap.InfoWindow("地址:"+addrmsg, opts); //創建信息窗口對象  map.openInfoWindow(infoWindow,point); //開啟信息窗口 }); 
      
          }
          
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9
      • 10
      • 11
      • 12
      • 13
      • 14
      • 15
      • 16
      • 17
      • 18
      • 19
      • 20
      • 21
      • 22
      • 23
      • 24
      • 25
      • 26
      • 27
      • 28
      • 29
      • 30
      • 31
      • 32
      • 33
      • 34
      • 35
      • 36
      • 37
      • 38
      • 39
      • 40
      • 41

      4.css部分:其實可以不要的,這是因為地圖中的地址顯示的窗口看起來有點問題,雖然改了依舊不好看,但是功能實現了。

      .BMap_pop{ top: 70px !important; } .BMap_bubble_content{ width: 95% !important; } .BMap_center{ top: 26px !important; }
          
      • 1
      • 2
      • 3
      • 4
      • 5
      • 6
      • 7
      • 8
      • 9

      注:現在得到的地址是省市縣街道地址,想得到諸如:北京市朝陽區XX大廈附近這樣的地址的話還沒有研究,等研究出來了再補上。 

      藍藍設計www.li-bodun.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務。


      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 国产在线98福利播放视频| 白白发布视频一区二区视频| 免费国产拍久久受拍久久| 老熟妇Av| 国产在线高清视频无码| 国产一区二区三区精品久久呦| 国产AⅤ天堂亚洲国产AV| 亚洲午夜成人精品电影在线观看 | 337p粉嫩大胆色噜噜噜| 久久人妻国产精品31| 亚洲国产精品一区二区第一页| 在线无码视频| av深夜福利在线| 欧美牲交a欧美牲交aⅴ图片 | 精品无码一区二区三区的天堂 | 免费毛片在线视频| 国产精品国语对白露脸在线播放| 久草网站| 亚洲人成在线观看| аⅴ资源天堂资源库在线| 国产精品中文字幕日韩| 香蕉久久夜色精品国产成人| 成人午夜看黄在线尤物成人| 麻豆国产巨作AV剧情老师| 中文字幕亚洲制服在线看| 日本少妇高潮喷水xxxxxxx| 久久se精品一区精品二区国产| 五月丁香六月激情综合在线视频| 激情亚洲内射一区二区三区| 蜜臀视频一区二区在线播放| 精品av国产一区二区三区| 日本国产制服丝袜一区| 成人看的污污超级黄网站免费| 亚洲欧美国产精品久久| 久久久噜噜噜久久| 中文字幕成人精品久久不卡| 精品国产品欧美日产在线| 国产亚洲精久久久久久无码AV| 久久国产精品精品国产色| 国产蜜臀av在线一区在线| 亚洲高清在线天堂精品|