Sådan integreres et google map i html

At have et kort over det område, du taler om på din hjemmeside, kan være yderst nyttigt. Dette vil vise dig, hvordan du indlejrer et Google-kort i HTML.

Trin

Del 1 af 2:
Få Google Map-koden
  1. Billedet med titlen Embed et Google Map i HTML Trin 1
1. Gå til den placering, du vil dele på https: // Google.com / maps. Dette åbner et kort specielt inden for Google Maps.
  • Billedet med titlen Embed et Google Map i HTML Trin 2
    2. Klik ☰. Dette er til venstre for browservinduet.
  • Billedet med titlen Embed et Google Map i HTML Trin 3
    3. Klik Del eller Embed Map. Du kan muligvis se "Link til dette kort" i stedet. Denne indstilling er mod bunden af ​​menuen.
  • Billedet med titlen Embed et Google Map i HTML Trin 4
    4. Klik på Embed et kort Tab.
  • Billede med titlen Embed et Google Map i HTML Trin 5
    5. Vælg størrelsen på det kort, du vil have. Ved siden af ​​tekstfeltet vil du se LILLE, MEDIUM, STOR, eller BRUGERDEFINERET STØRRELSE. Klik på den lille pil, der peger ned for at ændre kortstørrelsen.
  • Billedet med titlen Embed et Google Map i HTML Trin 6
    6. Kopier den angivne tekst. Du kan bruge tastaturgenveje Ctrl+C (Windows) eller ⌘ cmd+C (Mac) for at kopiere teksten. På en mobilenhed kan du længe tryk på teksten til "Vælg alle" og "Copy" -indstillingerne.
    • Del 2 af 2:
    Embedding Google Map Code
    1. Billedet med titlen Embed et Google Map i HTML Trin 7
    1. Åbn din HTML. Du kunne bruge et program som Dreamweaver eller bruge en simpel tekstbehandling App som Notepad og TextEdit, hvor du redigerer din HTML-fil.
  • Billedet med titlen Embed et Google Map i HTML Trin 8
    2. Naviger til, hvor du vil integrere Google Map-koden. I applikationer som Dreamweaver kan du se, hvad koden oversætter på en webside, så du nemt kan navigere gennem HTML-koden. Uden disse applikationer skal du vide, hvor du er på websiden ved at se på koden.
  • Billedet med titlen Embed et Google Map i HTML Trin 9
    3. Indsæt Google Maps-koden. Du kan bruge tastaturgenveje ved at trykke på Ctrl+P (Windows) eller ⌘ cmd+P (Mac). På en mobilenhed kan du længe tryk på tekstfeltet og tryk på "Indsæt", når indstillingen vises.
    • Del på sociale netværk :
    Lignende