Google Maps funktioniert manchmal nicht ... Oder funktioniert fast immer nicht
Nun, einfach nicht verstanden, warum Google Maps nicht funktioniert. Ich lese fast die gesamte Dokumentation, nicht nur für die Probleme, die ich habe, sondern auch, weil ich unter anderem Polygone verwenden musste.
Also, das ist mein Code ( Ich habe einige Kommentare geschrieben, damit sie schneller verstehen können ):
%Vor%Die Seite / Site hat UTF-8 ohne BOM-Zeichensatz über Dokument und Server (Apache forciert UTF-8 und der HTML-Code ist in UTF-8 ohne BOM geschrieben).
Nun, genau jetzt Schau, was ich sehe ( Jedes der Bilder ist ein Schnappschuss, um die Seite zu aktualisieren ):
Manchmal funktioniert es gut, manchmal ...
Anothertimes, Arbeit, Arbeit schlecht, sehr schlecht ...
Anothertimes, arbeiten, arbeiten schlecht, sehr schlecht und zeigen Teile o schneidet Teile ...
Ich habe das auch in den folgenden Browsern getestet:
- iPad Air 2, iOS 8.1 - Google Chrome 44.0.2403.67
-
iPad Air 2, iOS 8.1 - Safari
-
MacBook Air, Yosemite - Google Chrome
- MacBook Air, Yosemite - Safari
-
MacBook Air, Yosemite - Firefox
-
Windows 8 - Google Chrome mit deaktivieren Adblock
- Windows 8 - Firefox
- Windows 8 - Safari
-
Windows 8 - Internet Explorer 8, 9, 10
-
Android 4.4.4, Xiaomi MI4 - Google Chrome Android
-
Android 4.4.4, Xiaomi MI4 - Firefox Android
-
Fenster Telefon 8.10 - Internet Explorer
-
Firefox OS 1.1.0.0 - Internet Explorer
Bitte, hilf mir ... Ich verstehe nicht, was hier passiert ist ... Danke.
2 Antworten
unter Antwort wurde aus OlafErlandsens Frage herausgeschnitten, um dem Q & A-Format von SO treu zu bleiben. Upvote seine Frage, wenn unten ist nützlich
Nun, mein Canvas-Element (div # canvas) hat beim Start 0px Höhe Seite (Onload-Ereignis), so ist die Lösung einfach: brauchen reaktionsfähige Karte weil Google Maps standardmäßig Nein reagiert.
Google Maps API hat mehrere Handler und Methoden, um dabei zu helfen zum Beispiel:
google.maps.event.trigger ()
google.maps.event.addDomListener ()
Wenn Sie reaktionsfähige Karten aktivieren müssen, benötigen Sie diesen Code:
%Vor%Und wenn Sie Akkordeons wie Bootstrap, jQuery, jQuery UI und eine andere libs, und Google Maps präsentieren ähnliche Probleme, die Sie verwenden können %Code%. "Denken Sie daran und denken Sie im Falle von" Dia "-Effekten von jQuery. "
Beispiel für jQuery UI:
%Vor%Ich habe die Lösung für mich, Verwenden Sie den folgenden Code der Zeile, um das Problem zu lösen:
%Vor%Tags und Links javascript google-maps google-api