$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