Ionic - Google-Karte mit grauen Bereichen beim Ziehen

Question

Ich baue eine Hybrid-App, in die eine Google-Karte eingebunden ist. Alle Ladevorgänge sind in Ordnung, aber wenn ich die Karte umherbewege, werden graue Bereiche angezeigt, bis ich den Widerstand loslasse und den Rest der Karte lädt.

Gibt es eine Möglichkeit, die Umgebungsbereiche zu laden, ohne auf die Ziehfreigabe zu warten, so dass der Benutzer nicht zu einer grauen Fläche navigieren muss?

Ich benutze Ionic und Angularjs für den Aufbau der App.

In meinem controller.js lade ich die Karte

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

}); 

Und dann zeige ich es in meinem map.html

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

Idle:

Während Ziehen :

Beim Loslassen lädt es:

Answer 1

Hybrid App funktioniert wie Web-Browser innerhalb App. Google map in ionic sieht auch so aus. Wenn Sie die Karte ziehen, wird der Teil angezeigt, der dem Webbrowser entspricht. Es hängt von der Internetgeschwindigkeit Ihres Handys und der Leistung Ihrer App ab. Sie können einen Blick auf diese https://forum.ionicframework.com/t/improving-performance-of-google-maps/894/2 werfen, um eine bessere Leistung zu erzielen,