.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小助手编译安装完成,可能经历一下几步: