2017-05-11 92 views
0

我想在我的離子1項目中使用cordova-plugin-googlemaps。 問題是我無法獲取設備位置。 我使用的插件getMyLocation()獲取位置在科爾多瓦插件谷歌地圖爲離子

這裏提供的方法是我app.js代碼:

angular.module('starter', ['ionic','ngCordova']) 

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard 
     // for form inputs) 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 

     // Don't remove this line unless you know what you are doing. It stops the viewport 
     // from snapping when text inputs are focused. Ionic handles this internally for 
     // a much nicer keyboard experience. 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
     var div = document.getElementById("map_canvas"); 
     var map = plugin.google.maps.Map.getMap(div); 
     map.getMyLocation(function(location) { 
     var msg = ["Current your location:\n", 
     "latitude:" + location.latLng.lat, 
     "longitude:" + location.latLng.lng, 
     "speed:" + location.speed, 
     "time:" + location.time, 
     "bearing:" + location.bearing].join("\n"); 
     map.addMarker({ 
     'position': location.latLng, 
     'title': msg 
     }, function(marker) { 
     marker.showInfoWindow(); 
     }); 
     }); 

    }); 
}) 

這個身體碼index.html中:

<body ng-app="starter"> 

<ion-pane> 
    <ion-header-bar class="bar-stable"> 
    <h1 class="title">Ionic Map Project</h1> 
    </ion-header-bar> 
    <ion-content> 
     <div style="width:100%;height:500px;" id="map_canvas"></div> 

    </ion-content> 
</ion-pane> 

我得到的只是一張地圖,沒有標記固定在我的位置

任何人都可以看到問題在哪裏?

回答

相關問題