我的地图有效,但在我的应用程序导航的某些时候显示为空白

时间:2018-06-13 18:53:58

标签: ionic-framework ionic2 ionic3

我有插件cordova-plugin-googlemaps,我用这个命令

安装了它
cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID = "AIz ..." --save 

在我的代码中,我通过以下方式调用它:

var myLocation= {"lat": 4.624335, "lng": -74.063644};
var mapDiv = document.getElementById("map_canvas");
var options = {

    'camera': {
        'target': myLocation,
        'zoom': 18
    },
    'gestures': {
    'tilt': false,
    'rotate': false

    }
};

var map =null;
document.addEventListener ("deviceready", onDeviceReady, false);

function onDeviceReady () {
  map = plugin.google.maps.Map.getMap (mapDiv, options);

  $ionicLoading.show ({template: 'Please wait.'});
  map.on (plugin.google.maps.event.MAP_READY, function () {
   $ ionicLoading.hide ();
  });
}

<div id = "map_canvas" style = "width: 100%; height: 100%; z-index: 1! important; overflow: auto! important;"> </ div>

每次我访问我拥有地图的视图时,驱动程序都会重新充电,因此视图也会重新充电。 (在路由配置中使用cache:false)。地图加载得很好,但如果我去我的应用程序的其他部分,在某些时候我的地图显示为完全白色,我不知道如何纠正它。

例如我注意到在某些情况下,当地图运行良好时,我继续导航我的应用程序,当我返回地图时不会返回进入函数MAP_READY

我能做什么?

0 个答案:

没有答案