Autor |
Nachricht |
hellgold
Threadersteller
Dabei seit: 05.10.2006
Ort: Duesseldorf
Alter: 47
Geschlecht:
|
Verfasst Fr 10.02.2017 11:54
Titel Wie gemacht? Google Maps 2-Finger Overlay auf Mobile |
|
|
Hallo Community,
ich bin auf der Seite http://www.sixtus.de/ auf eine schöne Lösung gestoßen und wüßte gerne, wie das gemacht wurde.
Bei Aufruf der Seite am Smartphone wird die Google Map (ganz nach unten scrollen auf der Hauptseite) mit einem Overlay versehen, der so aussieht:
Beim normalen Scrollen über die Karte bleibt man also nicht "hängen" in der Verschieben-Funktion, sondern muss sie erst gezielt aktivieren.
Wie wurde das gemacht? Gibt es noch andere Möglichkeiten, die Auto-Verschieben-Funktion in Google Maps zu deaktivieren?
Danke Euch für Hinweise.
Gruß
HG
|
|
|
|
|
Morgo
Dabei seit: 10.08.2005
Ort: Von Kowelenz bis Kölle
Alter: 39
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 10.02.2017 13:49
Titel
|
|
|
Morgo hat geschrieben: | ... via iframe umgesetzt ist. Wird da also das Default-Verhalten sein. |
Tatsächlich!
Da scheint G. etwas in der Darstellung umgestellt haben. Vor kurzem habe ich mich noch geärgert, dass man bei der Kartendarstellung des iFrames in der Mobilansicht Probleme beim Scrollen hat. Jetzt kommt dort auch dieses Verhalten der Karte.
|
|
|
|
|
hellgold
Threadersteller
Dabei seit: 05.10.2006
Ort: Duesseldorf
Alter: 47
Geschlecht:
|
Verfasst Fr 10.02.2017 13:57
Titel Danke |
|
|
Hallo Morgo,
danke Dir.
Ich hab leider keine Ahnung von JavaScript, daher die Zusatzfrage: Wie implementiere ich das, wenn ich gleichzeitig diese Option hier einbauen möchte: https://blog.kulturbanause.de/2012/10/google-maps-im-responsive-webdesign/
Danke Dir für ein Einbaubeispiel/Hinweis.
Gruß
HG
Zuletzt bearbeitet von hellgold am Fr 10.02.2017 14:03, insgesamt 2-mal bearbeitet
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 10.02.2017 14:48
Titel
|
|
|
Du brauchst gar nichts weiter machen. Google-Maps selbst macht dieses Verhalten jetzt von ganz alleine in den normalen iFrames (ohne API).
Wobei dabei scheinbar auch noch die Größe der Karte berücksichtigt wird. Wenn diese zu klein dargestellt wird, um sie noch vernünftig mit den Fingern verschieben zu können, wird mit einem Klick darauf automatisch ein neuer Tab mit der Karte geöffnet. Mit einfachem Wischen lässt es sich aber weiterhin scrollen und verschiebt nicht mehr die Kartenposition.
|
|
|
|
|
hellgold
Threadersteller
Dabei seit: 05.10.2006
Ort: Duesseldorf
Alter: 47
Geschlecht:
|
Verfasst Fr 10.02.2017 15:40
Titel
|
|
|
Danke Euch!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Overlay und Google Maps in die Homepage?`
Google Kontakte auf Google Maps auslesen/anzeigen lassen
Google Maps und Google Places
Google Analytics Website Overlay funktioniert nicht
Google Maps API
Google Maps-API
|
|