c-topp

Bädda in kartor från Google maps

Google gör många bra produkter. En av de mest fantastiska är Google maps. Säkert har du många gånger sett kartor från google på olika websiter. Vill du bädda in en egen karta på din website eller blogg är det väldigt enkelt. Jag visar två metoder: En direkt från Google maps och en 3e-partstjänst. Den senare ger ett mindre plottrigt resultat där delar av informationen från Goggle maps är bortplockad.

Direkt från Google maps

Besök maps via länken längst upp. Skriv in den adress du vill ha. Därefter ska du leta upp en textlänk till höger ovanför kartan.

Vid klick fälls en liten panel ut. Klicka på ‘Anpassa och förhandsgranska inbäddad karta’.

Ett nytt fönster öppnas. Jag föredrar kontroll över det jag gör och väljer anpassad storlek.

I steg 2 förhandsgranskar du din karta. I steg 3 kopierar du koden. Det är viktigt att du får med allt.

Klistra in koden på din webplats. I slutet av inlägget visar jag hur du klistrar in en karta i en wordpress-blogg. Resultatet:

Visa större karta

Via 3e-partstjänsten yourmapmaker

Besök yourmapmaker.

Upplägget påminner väldigt mycket om det för Google maps enligt ovan. Mata in namn på kartan, adress samt välj land. Därefter kan du ange storlek samt vilken typ av karta du vill ha: Vanlig, satellit och hybrid. Klicka slutligen ‘Generate code‘. Markera allt, kopiera och klistra in på websidan. Resultatet:

http://www.yourmapmaker.com

Bädda in karta i WordPress

Att lägga in din karta är enkelt.

Klicka på fliken ‘HTML‘ enligt bilden ovan. Du hamnar nu i ett redigeringsläge där din kod kan klistras in. Klistra in den på den plats du vill ha den. Gå tillbaka till det vanliga redigeringsläget genom att klicka ‘Visuell’.

Obs: Ofta när jag växlar fram och tillbaka mellan visuell och html i WordPress försvinner delar av koden. Skulle inte din karta synas kan du ha råkat ut för samma bugg. Det enda att göra är att klistra in koden igen.

Bloggar.se om: , , , , , intressant?

Inkommande söktermer:

  • bädda in karta från google

, ,

6 Responses to Bädda in kartor från Google maps

  1. whiking1 2010/08/18 at 8:11 #

    Undrar vart du fick inspiration till det här inlägget ifrån =)

  2. Arwengrim 2010/08/18 at 8:32 #

    Har fått inspiration till många inlägg tack vare vårt gemensamma
    bollplankande, Jonas. :)

  3. Petter_hedman 2010/08/18 at 10:24 #

    Tack för denna fina lilla guide! Kanon!

    Petter Hedman

  4. Arwengrim 2010/08/18 at 10:28 #

    Ingen orsak. Det är just tack i en kommentar som ditt som gör det roligt och belönande att dela med sig av frågeställningar med lösningar man själv stött på.

  5. Alva Lindenbaum 2011/02/27 at 19:59 #

    efter att ha testat ungefär 5 olika wp-tillägg för detta och konstigt nog inte fått ett enda att fungera fullt ut blev yourmapmaker räddningen, thanks!

    • Arwengrim 2011/02/27 at 23:02 #

      Vad kul att mitt tips kunde hjälpa till, Alva. Tack för att du tog dig tid att berätta det.

Kommentera