Featured image bij een post over Google map toevoegen aan je site

Google map toevoegen

Een gewone kaart insluiten is vrij eenvoudig. Echter, je kunt redenen hebben om de kaart qua kleurenpalet aan te passen aan je eigen website. In deze post vind je een aantal links naar sites die hier op in gaan. Eerst het insluiten van een gewone Google map en vervolgens het personliseren van een map.

Middels onderstaande stappen ben je zo klaar. Laten we er even van uit gaan dat je van het Grafisch Lyceum Rotterdam naar Parijs wilt:

  1. Ga naar Google map.
  2. Voeg je route of adres in.
  3. Klik rechts onderin op het kleine wiel ikoontje.
  4. Kies daar voor “Kaart delen of insluiten”. Een popup verschijnt.
  5. Klik dan op “Kaart insluiten”. Je gaat naar een ander tabblad.
  6. Pas hier eventueel de maten van je kaart aan.
  7. In het scherm wat dan verschijnt kopieer je de HTML code. Deze plak je in jouw website op de plek waar je de kaart wilt hebben.

Het resultaat zou onderstaande kaart kunnen zijn. Deze reageert niet op je eigen lokatie. Je kunt echter wel ‘meer opties’ kiezen waarna je naar de reguliere Google Maps wordt verwezen. Hierop kun je evt begin- of eindpunt aanpassen.

Je Google map personaliseren

Wil je je map personaliseren? Kijk dan op: https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

Links

Genereer online je map.
Informatie van Google zelf.
Wil je er stevig induiken? Lees dan deze blog van Brad Wedell. Je moet niet bang zijn voor PHP!