离子 - 谷歌地图显示拖动时的灰色区域

时间:2016-08-04 12:18:17

标签: android angularjs google-maps ionic-framework drag

我正在制作一个混合应用程序,其中包含Google地图。所有加载都很好,但是当我拖动地图时,它会显示灰色区域,直到我释放拖动并加载地图的其余部分。

有没有办法在不等待拖拽释放的情况下加载周围区域,这样用户就不必导航到灰色区域了?

我正在使用Ionic和Angularjs来构建应用程序。

在我的controller.js中加载地图

var map = new google.maps.Map(document.getElementById("map"), 
{
        center : latLng,
        zoom : 16,
        mapTypeControl : false,
        streetViewControl : false,
        zoomControl : false,
        mapTypeControl: false,

});

然后我在map.html中显示它

<div id="map"></div>

空闲:

enter image description here

拖动时:

enter image description here

On Release它加载:

enter image description here

1 个答案:

答案 0 :(得分:2)

混合应用程序像App中的Web浏览器一样工作。离子中的Google地图也是这样的。当你拖动地图时,它会显示与Web浏览器相同的部分显示它。这取决于您的移动设备的互联网速度和应用程序的性能。     您可以查看此https://forum.ionicframework.com/t/improving-performance-of-google-maps/894/2以获得更好的效果,