0

我知道有大量的支持论坛,但似乎没有人完全知道我正在寻找的答案。所以,详细来说,下面是我的场景(我正在离子框架中开发)。

我正在使用 ngCordova cordova-plugin-geolocation 来获取我当前的位置(这工作正常):

function initialize(){
var posOptions = {timeout: 10000, enableHighAccuracy: false};

$cordovaGeolocation.getCurrentPosition(posOptions)
  .then(function(pos){
    var lat=pos.coords.latitude;
    var lng=pos.coords.longitude;
    var myLatlng = new google.maps.LatLng(lat,lng);
    initMap(myLatlng);
  }, function(err){
});}

我已经用上面的代码验证了 vars lat,lng 填充了正确的值。因此,接下来我要做的是渲染要显示的谷歌地图,我通过下面的initMap函数来实现:

function initMap(origin){
var mapOptions = {
  center: origin,
  zoom: 16,
};
$scope.map=new google.maps.Map(document.getElementById("map"),mapOptions);}

当我尝试渲染此图像时,我只收到一个空白屏幕。另外,我有 'ionic.Platform.ready(initialize);' 在我的控制器代码中。

注意:以下是我的 html 模板中的代码段:

<div id="map" ng-controller="MapCtrl">
</div>

一些失败的编码尝试包括:

  1. 使用 ng-init() 而不是 ionic.Platform.ready - 相同的空白图像
  2. 使所有功能失效(绝望的尝试)-相同的空白图像

成功时:

我直接用 latlong google 对象调用initMap,完全绕过了嵌套在 initialize() 函数中的“getCurrentPosition”操作。

任何建议将不胜感激。

4

1 回答 1

0

所以,我的初始逻辑的问题是执行 getCurrentPosition 是一个异步调用,这意味着它将在 DOM 完全加载后接收其数据。所以,为了解决这个问题,我使用 $q.defer() 创建了一个以后访问的 promise 对象。可以在我发布到的另一个论坛上找到有关如何执行此操作的更多信息:

https://forum.ionicframework.com/t/ngcordova-getcurrentposition-with-google-maps-api/44153

祝你好运,编码愉快!

于 2016-02-22T20:25:32.947 回答