Cordova Geolocation以及baidu_map

$CordovaGeolocation定位..


1.在项目下安装cordova

    bower install ngCordova

2.引入 ng-cordova.js 和注入ngCordova

<span style="color:#009900;"><span style="color:#33CC00;">   <script src="lib/ngCordova/dist/ng-cordova.js"></script></span>

</span>
   angular.module('starter', ['ionic',<span style="color:#33CC00;">'ngCordova'</span>])
3.添加cordova插件
  ionic plugin add cordova-plugin-geolocation

4.在controller下

<pre name="code" class="html"><span style="color:#33CCFF;">.controller('DashCtrl', function($scope,<span style="color:#FF0000;">$cordovaGeolocation</span>) {
    <span style="color:#FF0000;"> var posOptions = {timeout: 10000, enableHighAccuracy: false};</span>  
    $scope.start = function(){
      <span style="color:#FF0000;">$cordovaGeolocation
        .getCurrentPosition(posOptions)
        .then(function (position) {
         var lat  = position.coords.latitude
         var long = position.coords.longitude</span>
          $scope.lat = lat;
          $scope.long = long;
          </span><pre name="code" class="html">var map = new BMap.Map("allmap");
          alert("开始定位");
          // map.centerAndZoom(new BMap.Point(118.109584,24.707257),15);
          alert(long+':'+lat);
          map.centerAndZoom(new BMap.Point(long,lat),11);
          map.enableScrollWheelZoom(true);

map.addEventListener("dragend", function(){ var center = map.getCenter(); alert("地图中心点变更为:" + center.lng + ", " + center.lat); }); }, function(err) { // error $scope.err= err; }); // console.log(long); } })

 
 

百度地图

申请api密钥.

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>
var map = new BMap.Map("allmap");
          alert("开始定位");
          // map.centerAndZoom(new BMap.Point(118.109584,24.707257),15);
          alert(long+':'+lat);
          map.centerAndZoom(new BMap.Point(long,lat),11);
          map.enableScrollWheelZoom(true);

 <div id="allmap" style="width: 100%;height: 600px;overflow: hidden;margin:0;position:absolute;z-index:10001"></div>



添加cordova 支持插件

 ionic plugin add cordova-plugin-whitelist   

百度地图定位Cordova插件,支持Android,IOS 可以在此地址查看example 基于百度地图Android版定位SDK(v7.1)以及百度地图IOS SDK (v3.2.1) 一,申请Android及IOS版密钥 申请密钥Android定位SDK 每一个AndroidManifest.xml 中的package属性 对应一个AK,不可混用 iOS SDK开发密钥 每一个Bundle Identifier 对应一个AK,不可混用 二,安装插件```` cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="" --variable IOS_KEY="" //此处的API_KEY_XX来自于第一步,直接替换,也可以最后跟 --save 参数,将插件信息保存到config.xml中 //如果只需要Android端或者IOS端,可以只填写一个相应的AK,但是都不填肯定不行 三,使用方法 // 进行定位 baidumap_location.getCurrentPosition(function (result) {     console.log(JSON.stringify(result, null, 4)); }, function (error) { }); 获得定位信息,返回JSON格式数据: {     "time": "2017-02-25 17:30:00",//获取时间     "latitude": 34.6666666,//纬度     "lontitude": 117.8888,//经度     "radius": 61.9999999,//半径     //--------Android 独享 begin     "locType": 161,//定位类型                                                 "locTypeDescription": "NetWork location successful!",//定位类型解释        "userIndoorState": 1,//是否室内                                          //--------Android 独享 end     //--------IOS 独享 begin     "title": "我的位置",//定位标注点标题信息     "subtitle": "我的位置",//定位标注点子标题信息     //--------IOS 独享 end } 具体字段内容请参照: Android版 BDLocation v7.1 IOS版 BMKUserLocation 如果Android版获取到的信息是: {     "locType": 505,     "locTypeDescription": "NetWork location failed because baidu location service check the key is unlegal, please check the key in AndroidManifest.xml !",     "latitude": 5e-324,     "lontitude": 5e-324,     "radius": 0,     "userIndoorState": -1,     "direction": -1 } 说明Key有问题,可以检查下生成的AndroidManifest.xml文件里面是否有如下信息                                                           如果没有,说明插件使用不当,尝试重新安装,如果有这些信息,说明Key与当前程序AndroidManifest.xml 中的package名不一致,请检查Key的申请信息是否正确 四,查看当前安装了哪些插件 cordova plugin ls 五,删除本插件 cordova plugin rm cordova-plugin-baidumaplocation 标签:cordova
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值