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: Google, Google maps, Karta, Kartor, Bädda in, Arwengrim intressant?
Undrar vart du fick inspiration till det här inlägget ifrån =)
Har fått inspiration till många inlägg tack vare vårt gemensamma
bollplankande, Jonas.
Tack för denna fina lilla guide! Kanon!
Petter Hedman
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å.
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!
Vad kul att mitt tips kunde hjälpa till, Alva. Tack för att du tog dig tid att berätta det.