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.

Opdracht

Voeg een Google map toe aan een webpagina of een website waarmee je bezig bent.
Wil je meer? Kijk dan naar de opdracht Google map stylen om je kaart te personaliseren.

Theorie

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.


 

Links

Genereer online je map.
Informatie van Google zelf.
Wil je er stevig induiken? Lees dan deze blog van Brad Wedell. Enige PHP kennis is hierbij noodzakelijk.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.