我知道有大量的支持论坛,但似乎没有人完全知道我正在寻找的答案。所以,详细来说,下面是我的场景(我正在离子框架中开发)。
我正在使用 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>
一些失败的编码尝试包括:
- 使用 ng-init() 而不是 ionic.Platform.ready - 相同的空白图像
- 使所有功能失效(绝望的尝试)-相同的空白图像
成功时:
我直接用 latlong google 对象调用initMap,完全绕过了嵌套在 initialize() 函数中的“getCurrentPosition”操作。
任何建议将不胜感激。