Sluit een Google Map in drie stappen in, of genereer de code hier: een responsieve iframe die lazy laadt, een optionele klik-om-te-laden versie voor privacy en de officiële Maps Embed API.
Om een Google Map in te sluiten opent u de plek in Google Maps, kiest u Delen en dan Een kaart insluiten, en kopieert u de HTML. Plak die waar de kaart moet verschijnen. Voor een beter resultaat verpakt u de iframe zodat hij meeschaalt op telefoons, voegt u loading="lazy" toe en overweegt u een klik-om-te-laden versie, zodat Google pas wordt benaderd als een bezoeker om de kaart vraagt.
Drie manieren om de insluitcode te krijgen
De generator hieronder schrijft de code voor u op basis van een adres, uw eigen Maps Embed API-sleutel of de code die Google u geeft. Hij voegt altijd een responsieve wrapper en een titel toe en kan de kaart in een klik-om-te-laden knop verpakken.
Ja, voor de code via Delen, Een kaart insluiten. De Maps Embed API, die een sleutel nodig heeft, staat bij Google vermeld als gratis te gebruiken. Andere Maps-producten, zoals de JavaScript-kaart met eigen markeringen, worden na een maandelijks gratis tegoed per gebruik gefactureerd, dus controleer de actuele prijzen voordat u ze gebruikt.
De gekopieerde code stelt een vaste breedte en hoogte in, zoals 600 bij 450 pixels. Verwijder die en verpak de iframe in een vak dat CSS aspect-ratio gebruikt, zoals de uitvoer van de generator, zodat hij meeschaalt met het scherm.
Het laden van de kaart stuurt het IP-adres en de browsergegevens van de bezoeker naar Google, en Google kan cookies plaatsen. In landen met strenge toestemmingsregels tonen veel sites een tijdelijke afbeelding met een knop Kaart tonen en laden ze de kaart pas na die klik, en dat is precies wat de klik-om-te-laden optie doet. Vermeld de kaart in elk geval in uw privacyverklaring.
Routebeschrijving: gebruik het tabblad Routebeschrijving in Google Maps voordat u Delen kiest, of de directions-modus van de Maps Embed API. Meerdere spelden: maak een kaart in Google My Maps, maak die openbaar en gebruik dan de optie Insluiten op mijn site.
Niet direct. Wat lokaal zoeken helpt, is een volledig Google-bedrijfsprofiel en een consistente naam, adres en telefoonnummer op het hele web. De kaart helpt bezoekers u te vinden, en dat is reden genoeg.
Hebt u de iframe van Google al gekopieerd, plak hem dan in deze wrapper en verwijder de attributen width, height en style.
Het vak houdt bij elke breedte een vorm van 4 bij 3. Vervang de src door die uit uw gekopieerde code.
Bron
Vanaf een adres
Code van Google plakken
Maps Embed API-sleutel
Code of URL uit Delen, Een kaart insluiten
Adres of plek
Zoom: {n}
API-sleutel (beperk die tot uw domein)
Dit gebruikt de q=-adresvorm, die Google niet documenteert. Gebruik voor een officiële optie uw gekopieerde code of een API-sleutel.
Vorm
Titel voor schermlezers
Kaart met onze locatie
Klik om te laden (privacy)
Voorbeeld van de gegenereerde kaartcode
Insluitcode kopiëren
Voer een adres in, of plak code die u uit Google Maps hebt gekopieerd.
Gratis beginnen · Geen creditcard nodig