Ich verwende Google Maps in einer mobilen Anwendung mit HTML und Javascript. Wenn ich die Karte lade, kann ich nur 5% der Karte in der oberen linken Ecke sehen. 95% des Div-Containers ist grau. Wenn ich das div mit Firebug überprüfen will, wird die ganze Karte plötzlich geladen. Was kann das sein? Ich habe schon mehrere Stackoverflow-Threads ausprobiert, aber für mich funktionierte keine Lösung. Vielen Dank.
Code:
%Vor%index.js
%Vor%Wenn ich div-Attribute in% oder em verwende, funktioniert es überhaupt nicht.
Überprüfen Sie Ihre mapOptions, ob ihre Mitte oder andere Eigenschaften korrekt sind. Bei meiner Gelegenheit war Center Eigentum nicht interpretierbar von Google Map; obwohl die seite in bezug auf css und jsp völlig fehlerfrei war, zeigte sie mir immer nur eine graue karte.
Das ist mir passiert, weil die mapTypeId NULL war.
Versuchen Sie:
%Vor% In meinem Fall hat das Aufrufen von map.refresh()
dieses Problem behoben. Ich verwende Gmaps.
In meinem Fall hatte ich es versäumt, die Länge anzugeben, die von einer externen API kam. Sobald die API mit Longitude behoben wurde, war das Problem gelöst.
Ich hatte eine ähnliche Frage mit angular 5
Ich konnte die Karte nur mit einem setTimeout
AND a setZoom
aktualisieren / neu erstellen (obwohl das Level gleich ist)
Das Faszinierende an der Aktualisierung ist, dass die Karte beim zweiten Mal verschoben wird. Google Maps ist eindeutig nicht fehlerfrei .
Tags und Links javascript html google-maps-api-3