Kartor i ett inlägg (eller andra iframe-inbäddningar)

Bädda in en karta

Det går att bädda in en enkel karta eller en lokal sökning på din webbplats med nya Google Maps. När dina besökare är inloggade i Google ser de även sitt hem och arbete, sina sparade platser och ännu mer på din karta.

Hämta koden

  1. Gå till https://developers.google.com/maps/documentation/embed/start
  2. Sök på den platsen som du vill lägga till genom att skriva i det översta fältet med texten ”Enter a location”
  3. Om din plats inte dyker upp bland träffarna. Skicka då ett e-post till sebastian.bergstrom@hultsfred.se

Skärmklipp

4. Om du är nöjd. Klicka då på Skärmklipp

5.  Klistra in denna kod ”AIzaSyCjuCTpVMKTqTwn42VYbmEmMC-xYHg9riA” i fältet Your API key . Klicka sedan på Skärmklipp

6. Kopiera koden som genererats. Den kommer se ut ungefär såhär

<iframe width=”600″ height=”450″ frameborder=”0″ style=”border:0″
src=”https://www.google.com/maps/embed/v1/place?q=St%C3%A5lhagens%20f%C3%B6rskola%2C%20Granitv%C3%A4gen%2C%20Hultsfred%2C%20Sweden&key=AIzaSyCjuCTpVMKTqTwn42VYbmEmMC-xYHg9riA”></iframe>

7. Byt ut < och > i början och slutet av koden och ersätt dessa med [ och ] så att den ser ut såhär

[iframe width=”600″ height=”450″ frameborder=”0″ style=”border:0″
src=”https://www.google.com/maps/embed/v1/place?q=St%C3%A5lhagens%20f%C3%B6rskola%2C%20Granitv%C3%A4gen%2C%20Hultsfred%2C%20Sweden&key=AIzaSyCjuCTpVMKTqTwn42VYbmEmMC-xYHg9riA”][/iframe]

8.  Klistra in koden i ”Artikelns extra information” i redigeringsläget i din artikel.

Som standard så kommer din karta att bli 400px hög om du inte byter height i koden ovan till forceheight. Kartan blir dessutom alltid 100% bred om du inte använder forcewidth på samma sätt.

Dessutom kommer webbplatsen ”gömma” kartfunktioner, som att zooma m.m. innan man klickar för att aktivera kartan. Denna funktion går att slå av genom att lägga till activatescroll=”false” som argument i koden ovan.

 

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *