• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    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大廈附近這樣的地址的話還沒有研究,等研究出來了再補上。 

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


    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.lzhte.cn

    存檔

    主站蜘蛛池模板: 沈丘县| 国产午夜精品理论大片| www.东京热.com| 精品国际久久久久999波多野| 91社网| 久久精品成人欧美大片 | 亚洲v日韩v欧美在线观看| 国产91精品福利资源在线观看| 欧美成人综合| 日韩精品亚洲精品第一页| 国产网红女主播在线视频| 欧美xxxxxbbbbb| 欧美啪啪视频| 国产亚洲精品自在久久不卡| 久碰人澡人澡人澡人澡人91| 亚洲乱码一区二区三区成人小说| 亚洲清纯自偷自拍另类专区| 夜色福利站WWW国产在线视频| 另类亚洲小说图片综合区| 国产女精品视频网站免费蜜芽| 精品久久久久久无码中文字幕| 99久久精品国产免看国产一区| 精品无码人妻av受辱日韩| 大桥未久亚洲一区二区| 1300部小u女视频在线| 韩国精品一区二区无码视频| aa精品视频在线在线观看免费 | 超级97碰碰碰碰久久久久| 能看的网站中文字幕不卡av| 亚洲成年人免费网站| 日逼影视| 成人熟妇无套内射视频| 人人妻人人添人人爽欧美一区 | 国产一区二区在线观看视频| 免费高清A级毛片Aⅴ| 丁香五月社区| 国产精品最新资源网| 久久久精品人妻一区二区三区四| 一级做a爰片久久毛片**| 欧美视频一区二区三区| 91剧情国产极品高跟丝袜|