HTML5技术

在ionic/cordova中使用百度地图插件 - LarryNE(9)

字号+ 作者:H5之家 来源:H5之家 2016-11-20 13:00 我要评论( )

.controller('DashCtrl', function ($scope) { point = new BMap.Point(104.108164,30.773969); // 创建点坐标 $scope.ret = {latitude:30.773969, longitude:104.108164 }; map.centerAndZoom(point, 19);marker =

.controller('DashCtrl', function($scope) { point = new BMap.Point(104.108164,30.773969); // 创建点坐标 $scope.ret = {latitude:30.773969, longitude:104.108164}; map.centerAndZoom(point,19); marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 $scope.getpoint = function() { baidu_location.getCurrentPosition(function(data){ $scope.ret = {longitude:data.longitude, latitude:data.latitude}; point = new BMap.Point(data.longitude, data.latitude); // 创建点坐标 map.centerAndZoom(point,19); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 }, function(err){ alert("错误:"+ err) }); }; })

Stpe5:测试

需要注意的是,我们在浏览器测试项目的时候,会提示baidu_location没有定义,实际需要在手机上体验完整功能。

手机连接电脑后,使用ionic小助手,打开项目并真机调试,直接将app安装到手机,注意打开手机USB调试模式,保持手机解锁并点亮,ionic小助手编译安装完成,可能经历一下几步:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ionic2系列——Ionic 2 Guide 官方文档中文版 - yan_xiaodi

    Ionic2系列——Ionic 2 Guide 官方文档中文版 - yan_xiaodi

    2016-11-15 17:00

  • canvas的基础使用。 - hiuman

    canvas的基础使用。 - hiuman

    2016-11-02 16:00

  • CPU使用率终于正常了——记一次订餐系统事故处理 - 戢俊建

    CPU使用率终于正常了——记一次订餐系统事故处理 - 戢俊建

    2016-10-30 10:00

  • 使用专业的消息队列产品rabbitmq之centos7环境安装 - 一线码农

    使用专业的消息队列产品rabbitmq之centos7环境安装 - 一线码农

    2016-10-29 16:00

网友点评
d