手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

{
  latitude : 緯度,
  lontitude: 經(jīng)度, ... }
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

    

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

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


        

            1
        

    

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

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


        

            1
        

    

這個引入是為了轉(zhuǎn)化經(jīng)緯度為地址和顯示地圖。 
2.在html頁面上寫兩個 標(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)緯度對地址進(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)出來 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)建信息窗口對象  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中的地址顯示的窗口看起來有點(diǎ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)在得到的地址是省市縣街道地址，想得到諸如：北京市朝陽區(qū)XX大廈附近這樣的地址的話還沒有研究，等研究出來了再補(bǔ)上。