Google-Maps-Karte für die Website
Tippe die Adresse oder den Namen des Ortes. Die Vorschau zeigt die Karte, und der Code ist bereits responsiv und nimmt auf dem Handy die Breite der Seite ein.
So geht’sKarte der Adresse auf der Website
Verfügbar auf: 
Google-Maps-Karte für die Website: wofür es gut ist
Tippe die Adresse oder den Namen des Ortes und wähle Zoom, Typ (Karte, Satellit oder Satellit mit Straßen), Höhe und Ecken. Die Vorschau zeigt die echte Karte, und der Code kommt mit 100 % Breite, verzögertem Laden (loading=lazy) und Titel für die Barrierefreiheit.
Das Tool erzeugt auch den Routenlink, der die Route in Google Maps oder in der Handy-App öffnet.
So geht’s
- Tippe die Adresse des Unternehmens.
- Passe Zoom, Typ und Höhe der Karte an.
- Kopiere den Code der Karte und den Routenlink.
Wann nutzen
- Kontaktseite von Läden, Praxen und Restaurants.
- Websites für Veranstaltungen und Hochzeiten.
- Landingpages lokaler Unternehmen.
Häufige Fragen
Brauche ich einen Google-API-Schlüssel?
Nein. Der Code nutzt die einfache Einbettungsadresse von Google Maps (maps.google.com mit output=embed), die keinen Schlüssel verlangt. Für Karten mit eigenem Stil oder vielen Markierungen braucht man dann die Google-Maps-API.
Macht die Karte die Website langsam?
Das Google-iframe ist schwer. Der Code nutzt loading="lazy", sodass die Karte erst lädt, wenn der Besucher zu ihr scrollt. Setze die Karte ans Ende der Seite, in die Nähe des Kontakts.
Wie mache ich den Routen-Button?
Nutze den erzeugten Link: Er öffnet Google Maps (oder die App auf dem Handy) mit der Route zur Adresse. Er funktioniert gut als Button neben der Karte.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.