De component Kaart

Deze component wordt niet ondersteund voor Google Ads, Google AdMob, AMP HTML-advertenties, videoadvertenties of beeldadvertenties.

Met de component Kaart kunt u een aangepaste, interactieve kaart weergeven.

Vanaf 11 juni 2018 moet u facturering inschakelen voor Google Cloud Platform en een geldige API-sleutel voor Google Maps Platform gebruiken voor alle projecten die de component Kaart of Street View gebruiken. Meer informatie.

De component Kaart toevoegen aan uw project:

Open het deelvenster Componenten en daarna de map Kaarten.
Sleep de component Kaart naar het werkvlak.
Ga naar het gedeelte met eigenschappen voor Kaart in het deelvenster Eigenschappen en geef uw API-sleutel voor Google Maps Platform op in het veld Google API-sleutel.
Geef de eigenschappen Breedtegraad en Lengtegraad op om het standaard middelpunt van de kaart in te stellen. (Meer informatie over hoe u de coördinaten van een plaats kunt vinden op Google Maps.) U kunt ook het selectievakje Gebruikerslocatie aanvragen aanvinken om de gebruiker om zijn of haar locatie te vragen en deze weer te geven op de kaart.
Als u markeringen op de kaart wilt weergeven voor specifieke plaatsen, geeft u een zoekterm op.

Eigenschappen

Eigenschap	Beschrijving
Naam	De componentnaam.
Google API-sleutel (vereist)	Uw API-sleutel voor Google Maps Platform.Voor het Google Cloud Platform-project met deze API-sleutel moet de Maps JavaScript API zijn geactiveerd. Kan worden gebonden aan dynamische gegevens.
Zoekterm	De zoekterm die moet worden gebruikt. Resulterende plaatsen worden met markeringen op de kaart weergegeven. Zorg ervoor dat de Places API is geactiveerd voor uw Google Cloud Platform-project. Kan worden gebonden aan dynamische gegevens.
Breedtegraad	De breedtegraad voor het standaard middelpunt van de kaart. Kan worden gebonden aan dynamische gegevens.
Lengtegraad	De lengtegraad voor het standaard middelpunt van de kaart. Kan worden gebonden aan dynamische gegevens.
Gebruikerslocatie aanvragen	Vink dit selectievakje aan om de gebruiker om zijn of haar locatie te vragen. Zorg ervoor dat de Geocoding API is geactiveerd voor uw Google Cloud Platform-project zodat gebruikers een adres kunnen opgeven. Kan worden gebonden aan dynamische gegevens.

Geavanceerde eigenschappen

Klik op het pictogram Uitvouwen naast Geavanceerde eigenschappen in het deelvenster met componenteigenschappen om de volgende geavanceerde eigenschappen te bewerken:

Eigenschap	Beschrijving
Fusion Table-ID (beëindigd)	Google Fusion Tables is vanaf 3 december 2019 niet meer beschikbaar.
Maps Premier-client-ID (beëindigd)	De client-ID voor Google Maps Premier-gebruikers. Google Maps Premium Plan-klanten worden overgezet naar het nieuwe prijsplan als hun huidige contract verloopt en moeten in plaats daarvan een API-sleutel voor Google Maps Platform gebruiken. Kan worden gebonden aan dynamische gegevens.
Zoekstraal	De straal, in meters, van het gebied dat moet worden doorzocht, met als middelpunt de opgegeven breedtegraad en lengtegraad of de locatie van de gebruiker. Waarden kunnen variëren van 1000 tot 50.000. Kan worden gebonden aan dynamische gegevens.
Maximumaantal resultaten	Het maximumaantal zoekresultaten dat wordt weergegeven aan de gebruiker bij gebruik van Google Fusion Tables. Kan worden gebonden aan dynamische gegevens.
Standaardzoom	Het standaardzoomniveau voor de kaart. In de volgende lijst wordt het geschatte detailniveau weergegeven dat u kunt verwachten op elk zoomniveau: 1: wereld 5: landmassa/continent 10: plaats 15: straten 20: gebouwen Kan worden gebonden aan dynamische gegevens.
Markeringspictogram	De URI voor een aangepast markeringspictogram als u ervoor kiest de standaardmarkering te vervangen. De afbeeldingsbron voor de markering moet een sprite zijn die vergelijkbaar is met deze: De sprite moet twee markeringspictogrammen bevatten in deze volgorde: Standaardmarkering: 34 x 34 Actieve markering (weergegeven als de gebruiker de markering selecteert): 34 x 34 beginnend bij (34,0) Kan worden gebonden aan dynamische gegevens.
Locatie-icoon	De URI voor een eigen icoon voor de locatie van de gebruiker als u ervoor kiest het standaardicoon te vervangen. Kan worden gebonden aan dynamische gegevens.
Tekst voor vraag om gebruikerslocatie	Aangepaste tekst waarin de gebruiker wordt gevraagd hoe de locatie van de gebruiker moet worden bepaald. De standaardtekst is 'How would you like us to get your position?' (De gebruiker krijgt vervolgens de tekst voor de keuzeknop voor gps en de tekst voor de keuzeknop voor zoeken te zien.) Kan worden gebonden aan dynamische gegevens.
Tekst voor keuzeknop voor gps	Aangepaste tekst voor de knop die de locatie van de gebruiker ophaalt via gps. De standaardtekst is 'Use GPS'. Kan worden gebonden aan dynamische gegevens.
Tekst voor keuzeknop voor zoeken	Aangepaste tekst voor de knop waarmee een zoekveld wordt weergegeven voor de locatie van de gebruiker. De standaardtekst is 'Enter address' Kan worden gebonden aan dynamische gegevens.
Tekst voor vraag om zoeken	Aangepaste tekst voor de prompt om een locatie te zoeken. De standaardtekst is 'Enter your address or zip code' Kan worden gebonden aan dynamische gegevens.
Tekst voor begeleiding van zoekvak	Aangepaste tekst voor de tijdelijke aanduiding voor het zoekvak. De standaardtekst is 'Address or zip code' Kan worden gebonden aan dynamische gegevens.
Tekst voor locatiefout	Aangepaste tekst voor het bericht dat wordt weergegeven als de locatie niet kan worden gevonden. De standaardtekst is 'Your location could not be determined. Please enter a valid address.' Kan worden gebonden aan dynamische gegevens.
Geen resultaattekst	Aangepaste tekst voor het bericht dat wordt weergegeven als er geen kaartresultaten zijn gevonden voor de opgegeven locatie. De standaardtekst is 'No results found near you.' Kan worden gebonden aan dynamische gegevens.

Gebeurtenissen en acties

Gebeurtenissen die door de component Kaart worden verzonden

U kunt andere acties activeren op basis van de volgende gebeurtenissen van de component Kaart:

Gebeurtenis	Beschrijving
Klik op punaise	Wordt verzonden wanneer de gebruiker op een locatiemarkering op de kaart klikt.

Als u deze gebeurtenis selecteert in dialoogvenster Gebeurtenis, stelt u de component Kaart in als doel.

Acties die door de component Kaart worden uitgevoerd

De volgende actie voor de component Kaart kan worden geactiveerd als reactie op andere gebeurtenissen:

Actie	Configuratieopties
Het midden van de kaart instellen	Breedtegraad Lengtegraad Nauwkeurigheid

Als u deze actie selecteert in het dialoogvenster Gebeurtenis, stelt u de component Kaart in als ontvanger.

Meer informatie over hoe u gebeurtenissen configureert.

Voorbeeld

U kunt geen voorbeeld van deze component bekijken in de Google Web Designer-interface. Als u de component in actie wilt zien, bekijkt u een voorbeeld van uw document in uw voorkeursbrowser. Klik rechtsboven op de knop Voorbeeld .

Was dit nuttig?

Hoe kunnen we dit verbeteren?