離子 - Google地圖拖動時顯示灰色區域

-1

我正在構建一個混合了Google地圖的混合應用程序。所有加載都很好，但是當我拖動地圖時，它會顯示灰色區域，直到我釋放拖動並加載地圖的其餘部分。離子 - 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>

空閒：

拖動時：

在釋放它加載：

來源

2016-08-04 Cláudio Barreira

您可以嘗試實施https://github.com/mapsplugin/cordova-plugin-googlemaps，以便利用本機處理能力。 – tothefux

你就是這麼做的，現在導航非常棒！謝謝;） –

混合應用的工作原理就像裏面應用的Web瀏覽器。離子中的Google地圖也是這樣的。當您拖動地圖時，它會顯示與Web瀏覽器相同的部分顯示它。這取決於您的手機的互聯網速度和您的應用程序的性能。您可以看看這個https://forum.ionicframework.com/t/improving-performance-of-google-maps/894/2以獲得更好的性能，

來源

2016-08-04 13:17:02 Anuj

@Cláudio巴雷拉接受這個答案，並關閉這個問題，請 – Anuj

離子 - Google地圖拖動時顯示灰色區域

回答

相關問題