Javascript 在cordova插件googlemaps中为ionic获取位置_Javascript_Cordova_Ionic Framework

Javascript 在cordova插件googlemaps中为ionic获取位置

javascript cordova ionic-framework

Javascript 在cordova插件googlemaps中为ionic获取位置,javascript,cordova,ionic-framework,Javascript,Cordova,Ionic Framework,我正在尝试在我的ionic 1项目中使用。问题是我无法获取设备位置。我正在使用插件提供的方法以下是我的app.js代码： angular.module('starter', ['ionic','ngCordova']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { if(window.cordova && window.cordova.plugins.Keyboard

我正在尝试在我的ionic 1项目中使用。问题是我无法获取设备位置。我正在使用插件提供的方法

以下是我的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中的第th个主体代码：

<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>


离子地图项目

我得到的只是一张地图，没有固定在我位置上的标记

有人知道问题出在哪里吗？

最好的选择是使用Cordova地理定位插件。这会让你的生活轻松很多。否则请检查这个答案