Ionic - 谷歌地图在拖动时显示灰色区域答案

【问题标题】：Ionic - Google map showing grey areas while draggingIonic - 谷歌地图在拖动时显示灰色区域
【发布时间】：2016-12-10 13:32:46
【问题描述】：

我正在构建一个包含 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>

空闲：

拖动时：

在发布时加载：

【问题讨论】：

您可以尝试实现github.com/mapsplugin/cordova-plugin-googlemaps，以便它利用本机处理能力。
是的，我就是这样做的，现在导航很棒！谢谢;)

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

【解决方案1】：

混合应用就像应用内的网络浏览器一样工作。 ionic 中的谷歌地图也是这样的。当你拖动地图时，它会显示与 Web 浏览器显示它相同的部分。这取决于您手机的网速和应用程序的性能。你可以看看这个https://forum.ionicframework.com/t/improving-performance-of-google-maps/894/2 来获得更好的性能，

【讨论】：

@Cláudio Barreira 接受该答案并关闭此问题