Hur bädda in en google-karta i html

Att ha en karta över det område du pratar om på din webbplats kan vara extremt användbar. ThisWill visar hur du bädde en Google-karta i HTML.

Steg

Del 1 av 2:
Få Google Map-koden
  1. Bild med titeln Bädda in en Google-karta i HTML-steg 1
1. Gå till den plats du vill dela på https: // Google.com / maps. Detta öppnar en karta specifikt inom Google Maps.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 2
    2. Klick ☰. Detta är till vänster om webbläsarfönstret.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 3
    3. Klick Dela eller bädda in Karta. Du kan se "länka till den här kartan" istället. Det här alternativet är längst ner på menyn.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 4
    4. Klicka på Bädda in en karta flik.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 5
    5. Välj storleken på den kartan du vill ha. Bredvid textfältet ser du SMÅ, MEDIUM, STOR, eller ANPASSAD STORLEK. Klicka på den lilla pilen som pekar ner för att ändra kartformat.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 6
    6. Kopiera texten som tillhandahålls. Du kan använda tangentbordsgenvägarna Ctrl+C (Windows) eller ⌘ cmd+C (Mac) för att kopiera texten. På en mobilenhet kan du längta på texten för alternativen "Välj alla" och "Kopiera".
    • Del 2 av 2:
    Bädda in Google Map-koden
    1. Bild med titeln Bädda in en Google-karta i HTML-steg 7
    1. Öppna din HTML. Du kan använda ett program som Dreamweaver eller använd en enkel ordbehandling App som anteckningsblock och textpapper där du redigerar din HTML-fil.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 8
    2. Navigera till var du vill bädda in Google Map-koden. I applikationer som Dreamweaver kan du se vad koden övergår till på en webbsida, så du kan enkelt navigera genom HTML-koden. Utan dessa applikationer måste du veta var du är på webbsidan genom att titta på koden.
  • Bild med titeln Bädda in en Google-karta i HTML-steg 9
    3. Klistra in Google Maps-koden. Du kan använda tangentbordsgenvägar genom att trycka på Ctrl+F (Windows) eller ⌘ cmd+F (Mac). På en mobilenhet kan du längta på textfältet och tryck på "Klistra in" när alternativet visas.
    • Dela på det sociala nätverket:
    Liknande