Hoe een google-kaart in html in te sluiten

Met een kaart van het gebied waar je het over hebt op je website is misschien extreem handig. Thiswill Toon je hoe je een Google-kaart in HTML kunt insluiten.

Stappen

Deel 1 van 2:
De Google-kaartcode krijgen
  1. Titel afbeelding Embed a google map in HTML Stap 1
1. Ga naar de locatie waaraan u wilt delen HTTPS: // google.com / maps. Hiermee wordt een kaart specifiek geopend in Google Maps.
  • Titel afbeelding Embed a google map in HTML Stap 2
    2. Klik ☰. Dit staat in de linkerkant van het browservenster.
  • Titel afbeelding Embed a google map in HTML Stap 3
    3. Klik Deel of embed kaart. Mogelijk ziet u in plaats daarvan "Link naar deze kaart". Deze optie is naar de onderkant van het menu.
  • Titel afbeelding Embed a google map in HTML Stap 4
    4. Klik op de Breng een kaart in tab.
  • Titel afbeelding Embed a Google map in HTML Stap 5
    5. Selecteer de grootte van de kaart die u wilt. Naast het vakgebied, zie je het KLEIN, MEDIUM, GROOT, of Aangepast formaat. Klik op de kleine pijl naar beneden om de kaartomvang te wijzigen.
  • Titel afbeelding Embed a google map in HTML Stap 6
    6. Kopieer de verstrekte tekst. U kunt de sneltoetsen van het toetsenbord gebruiken Ctrl+C (Windows) of ⌘ cmd+C (MAC) om de tekst te kopiëren. Op een mobiel apparaat kunt u lang op de tekst tikken voor de opties "Alles selecteren" en "Kopiëren".
    • Deel 2 van 2:
    Inbedding van de Google-kaartcode
    1. Titel afbeelding Embed a google map in HTML Stap 7
    1. Open je HTML. U kunt een programma gebruiken zoals Dreamweaver of een eenvoudige gebruiken tekstverwerking app zoals blocnote en TextTEIT waarin u uw HTML-bestand bewerkt.
  • Titel afbeelding Embed a google map in HTML Stap 8
    2. Navigeer naar waar u de Google-kaartcode wilt insluiten. In toepassingen zoals Dreamweaver kunt u zien hoe de code zich vertaalt in op een webpagina, zodat u eenvoudig door de HTML-code kunt navigeren. Zonder die toepassingen moet u weten waar u op de webpagina bevindt door naar de code te kijken.
  • Titel afbeelding Embed a google map in HTML Stap 9
    3. Plak de Google Maps-code. U kunt sneltoetsen gebruiken door op te drukken Ctrl+P (Windows) of ⌘ cmd+P (Mac). Op een mobiel apparaat kunt u op het veld Tekstlang op de knop "Plakken" tikken wanneer de optie verschijnt.
    • Deel in het sociale netwerk:
    Vergelijkbaar