Hoe plaats ik een Google-kaart op een website in html?

0
hoe u een google map op een website in html invoegt

Google kaart met de maatschappelijke zetel van de op haar geplaatste vennootschap website het is een grote hulp voor klanten die op zoek zijn naar zijn stoel. Dankzij zo'n kaart zullen klanten niet alleen de locatie te weten komen, maar ook met één klik een route ernaar toe instellen in de navigatie, het adres opslaan in hun Google-account of beoordelingen bekijken die door andere gebruikers zijn achtergelaten.

Om een ​​Google-kaart op uw website in te voegen, moet u deze genereren. Ga hiervoor naar browser versie van Google Maps en zoek naar het adres van het bedrijf of een andere plaats waarvan we de kaart op de website willen implementeren.

Als het paneel met informatie over een bepaalde plaats aan de linkerkant van het scherm staat, ga je naar het menu met de knop met het pictogram van drie horizontale lijnen. Daar moet men uit de vele opties kiezen "deel of sluit een kaart in'.

Nadat we op hebben gedrukt, zien we een venster met twee tabbladen - met de eerste kunt u de kaart delen met een andere internetgebruiker via een privébericht, en de tweede het plaatsen van een Google-kaart op de website.

Hier kunt u de grootte van de toekomstige kaart aanpassen - we kunnen kiezen uit kleine, middelgrote, grote en ook aangepaste formaten, waarin u de breedte en hoogte van de kaart in pixels kunt definiëren. Elke dimensie wordt doorlopend aan ons getoond om de selectie gemakkelijker te maken. Nadat je hebt bepaald hoe groot de kaart moet zijn, kopieer je de code ernaast.

Hoe u stap voor stap een Google-kaart op een website invoegt

De gegenereerde html-code moet in de code van de pagina worden geplaatst. Als de website is gebaseerd op een contentmanagementsysteem, zoals WordPress, heeft de nieuwe post- of pagina-editor de mogelijkheid om de code te plakken. Op deze manier kunt u snel een kaart in een nieuw item of op een subpagina plaatsen. Zo'n kaart kan ook overal op de pagina in de widget worden geplaatst.

Als de website geen WordPress of vergelijkbare oplossingen gebruikt, moet de gegenereerde code zelf worden ingevoegd. U moet dan zelf het bestand index.html bewerken (als u een kaart aan de startpagina wilt toevoegen) of het bestand dat verantwoordelijk is voor een van de subpagina's en een div-element maken waarin de code moet worden geplakt. Meer geavanceerd in het maken van websites met extra plug-ins kan ook het uiterlijk van de basiskaart enigszins wijzigen, bijvoorbeeld door een bereik toe te voegen (handig voor een restaurant dat bezorging aanbiedt), meer dan één markering toe te voegen (wanneer het bedrijf meerdere vestigingen heeft) of kleur de kaart zodat deze er esthetisch aantrekkelijk uitziet. kwam overeen met de kleuren van de pagina.

Het is de moeite waard eraan toe te voegen dat de kaarten die op deze manier zijn gegenereerd, door Google worden genoemd "insluiten", dat is "ingebouwd" zijn vrij.

Voor het gebruik van de Google Maps API uit 2018 moet echter worden betaald. Volgens de huidige prijslijst zijn de kosten afhankelijk van het aantal vertoningen - kleine sites worden niet aan kosten blootgesteld als ze de maandelijkse limiet van tweehonderd dollar niet overschrijden. De individuele bedragen kunnen worden ingecheckt Prijslijst van Google Maps Platform, waar er ook weergavelimieten zijn, brengt Google u bij overschrijding kosten in rekening. Met de Google Maps API kunt u meer kaarten kiezen - u kunt kiezen voor dynamische, statische kaarten die niet kunnen worden gebruikt, geavanceerde ingesloten kaarten met extra opties die de standaard, gratis ingesloten kaarten uitbreiden.

LAAT ANTWOORD

Vul hier uw reactie!
Vul uw naam hier