• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

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

      2018-9-15    seo達(dá)人

      如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

      之前研究了定位,想用百度地圖,但是用百度地圖的 
      JavaScript API里面的瀏覽器定位根本不行,要用插件,很多人說(shuō)本身帶的這個(gè)cordova-plugin-geolocation插件因?yàn)榫W(wǎng)絡(luò)問(wèn)題,只有ios可以用,然后找到了專門針對(duì)安卓的cordova-qdc-baidu-location插件,但是這個(gè)插件不知道是不是我使用的問(wèn)題,得到的數(shù)據(jù)可以彈出來(lái),但是數(shù)據(jù)并不像這個(gè)插件所說(shuō)的數(shù)據(jù)格式是

      {
        latitude : 緯度,
        lontitude: 經(jīng)度, ... }
          
      • 1
      • 2
      • 3
      • 4
      • 5

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

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

      注意:是沒(méi)有<>這種尖括號(hào)的。 
      到此為止準(zhǔn)備工作基本上晚了,開始代碼部分: 
      1.引入百度地圖:

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

      這個(gè)引入是為了轉(zhuǎn)化經(jīng)緯度為地址和顯示地圖。 
      2.在html頁(yè)面上寫兩個(gè) 標(biāo)簽:

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

      div標(biāo)簽是為了放地圖的。 
      3.js部分:

      $scope.getarea=function(){ //myaddr(116.324499,39.899216); // 進(jìn)行定位 baidumap_location.getCurrentPosition(function (result) { var latitude=result.latitude; var lontitude=result.lontitude;
              myaddr(lontitude,latitude);
            }, function (error) { });
          } //根據(jù)定位得到的經(jīng)緯度對(duì)地址進(jìn)行解析 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); // 創(chuàng)建標(biāo)注 map.addOverlay(marker); // 將標(biāo)注添加到地圖中 //把地址在地圖上標(biāo)出來(lái) var geoc = new BMap.Geocoder();
            geoc.getLocation(point, function(rs){ var addrmsg=rs.address; //var addComp = rs.addressComponents;  //詳細(xì)的分省市縣街道的信息 //alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); var opts = {
                width : 200, // 信息窗口寬度 height: 50, // 信息窗口高度 } var infoWindow = new BMap.InfoWindow("地址:"+addrmsg, opts); //創(chuàng)建信息窗口對(duì)象  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部分:其實(shí)可以不要的,這是因?yàn)榈貓D中的地址顯示的窗口看起來(lái)有點(diǎn)問(wèn)題,雖然改了依舊不好看,但是功能實(shí)現(xiàn)了。

      .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

      注:現(xiàn)在得到的地址是省市縣街道地址,想得到諸如:北京市朝陽(yáng)區(qū)XX大廈附近這樣的地址的話還沒(méi)有研究,等研究出來(lái)了再補(bǔ)上。 

      藍(lán)藍(lán)設(shè)計(jì)m.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 丝袜制服无码国产| jizz喷水| 亚洲成av人av网址| 亚洲AV无码乱码国产精品| 亚洲AV成人综合网久久成人| 成人肏屄视频| 五月丁香六月| 在线亚洲中文精品第一页| 极品熟女精品| 丁香五月综合| 五大连池市| 亚洲VA中文字幕无码毛片春药| 国产玖玖| 欧美在线视频a| 极品蜜臀黄色在线观看| 人妻少妇视频| 欧美极品在线| 欧美在线观看a| 精品人妻少妇嫩草AV无码专区 | 五月丁香六月| 一区二区三区国产| 91黄色视频在线观看| 久久精品第一国产久精国产宅男66 | 视频一区视频二区亚洲免费观看| 宅男宅女精品国产AV天堂| 新竹县| 庄浪县| 日本a视频在线观看| 1024在线看国产亚洲欧美| 国产一区二区野外| 99精品热6080yy久久| 国产美女在线精品| 激情综合av| 美女福利一区二区三区| 91色在线观看| 欧美亚洲精品在线| 91成人啪国产啪永久地址 | 亚洲脚交| 嫩草亚洲小泬久久夂| 伊人丁香欧美成A片| 日本无码一区二区|