14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern

Google Maps-Beispiele

Kartenbeispiele prüfen, um das volle Potenzial des Widgets zu entfalten. Stellen Sie sicher, dass es zu Ihren Zielen passt.

Beispiel 1: Eine klare und übersichtliche Karte mit einfachen Einstellungen

Traditionelle Variante, die den Roadmap-Typ zeigt und alle zusätzlichen Ebenen deaktiviert. Diese Basiseinstellungen machen die Karte übersichtlich und gut lesbar. Es gibt nur eine Standortmarkierung auf der Karte, daher muss das Erscheinungsbild nicht mit einem Panel überladen werden. Eine klare, einfach zu navigierende Minimalkarte.
Google maps traditional example

Beispiel 2: Eine praktische Karte zur Auswahl des nächstgelegenen Standorts

Das Karten-Widget markiert mehrere Standorte. Um sie zu bündeln, wird im Standort-Panel eine Liste dieser Standorte angezeigt. Jeder Marker zeigt beim Hover ein Infofenster mit Details zum Standort. So wählst du einfach den nächstgelegenen Standort aus und siehst die Route dorthin direkt auf der Seite von deinem aktuellen Standort aus.
Google map example for choosing the closest location

Beispiel 3: Eine kompakte Karte für ein ausgewogenes Erscheinungsbild

Eine mittlere Größe macht diese Variante perfekt für die Kontaktseite oder andere Seiten mit vielfältigen Inhalten. Aufgrund ihrer Größe und des Fehlens zusätzlicher Elemente stört sie den Hintergrund nicht. Es ist einfach eine Roadmap im „Nacht“-Farbschema und die darauf markierte Position. Besucher können außerdem in den Satelliten-Modus wechseln.
Google map example: a compact map for balanced look

Beispiel 4: Informative Karte mit vielfältiger Infrastruktur

Eine Karte mit Standortmarkierungen aus verschiedenen Kategorien. Die Karte im Nahbereich zeigt eine Vielfalt an sehenswerten Orten in unmittelbarer Umgebung. Keine zusätzlichen Ebenen oder Elemente – nur eine Auswahl an Besuchszielen, wobei der Hauptort individuell markiert ist, um die Aufmerksamkeit des Betrachters zu fokussieren.
Google map example: an informative map with diverse infrastructure

Beispiel 5: Eine individuell gestaltete Karte mit kategorisierten Markern

Ein klares Beispiel dafür, wie Ihre Farbauswahl die gesamte Karte verändert und sie besonders wirken lässt. Die hier verwendete Farbe ist der Hauptakzent, und es gibt keine zusätzlichen Elemente, die überladen wirken könnten. Ein Marker gehört zur medizinischen Kategorie, aus der Bibliothek ausgewählt, und trägt ein erkennbares Symbol.
Google map example: a custom-colored map with categorized markers

Schließen Sie sich 3.000.000 Kunden an, die bereits Elfsight Apps nutzen.

Probieren Sie über 90 leistungsstarke Apps von Elfsight. Keine Kreditkarte erforderlich. Die Anmeldung ist kostenlos!
Jetzt starten
Jetzt 20% Rabatt sichern!