Google maps meerdere locaties

In dit artikel leggen we je uit hoe je een de Google maps meerdere locaties toevoegt aan een pagina.

Waarvoor en waar wordt deze plug-in gebruikt?

De Google maps meerdere locaties wordt gebruikt om meerdere locaties op een google kaart te tonen. Deze plugin is voornamelijk voor scholen/stichtingen met meerdere locaties. De plugin kan bijvoorbeeld worden gebruikt op een stichtingswebsite waar alle scholen die onder de stichting vallen worden getoond.

Hieronder zullen we stap voor stap vertellen hoe je deze plugin toevoegd.

Stap 1: Structuur openen

Om een plugin toe te voegen open je allereerst de structuur van de pagina. Dit doe je door helemaal rechtsboven in de werkbalk op het structuur icoon te drukken. Er opent zich nu aan de rechterkant van de pagina de structuur.(In de afbeelding hieronder zie je hoe dit icoon eruit ziet)

Afbeelding: Structuur

Stap 2: Plug-in lijst openen 

In de structuur zie je nu allerlei placeholders staan. In de afbeelding hieronder zien we in de placeholder "Main" een tekst staan. We willen hieronder de Google maps meerdere locaties toevoegen dan drukken we achter "Main" op het plusje. Er opent zich nu een venster waar je een plugin kunt selecteren die je wilt toevoegen.

Afbeelding: Plugin lijst openen

Stap 3: Juiste plug-in toevoegen

In dit geval willen we de plugin Google maps meerdere locaties toevoegen dus deze zoeken we in de lijst. Vervolgens klikken we de op Google maps meerder locaties waarna zich een venster opent waarin je de locaties kunt toevoegen.

Afbeelding: Plugin selecteren in de lijst

Stap 4: Middelpunt bepalen

Allereerst stellen we het middelpunt in van de kaart. Dit doen we door middel van een breedte- en een lengtegraad toe te voegen en het zoom niveau te kiezen (Lees hier hoe je deze vindt in Google Maps). Het middelpunt moet het punt zijn dat in het midden ligt van alle locaties zodat alle locaties zichtbaar zijn op de kaart. Met het zoom niveau bepalen we hoever we in of uitzoomen op de kaart. Door hier een hoger nummer in te voeren zal de kaart meer ingezoomd zijn op de locatie die je als middelpunt hebt gekozen en vice versa. Je kan een waarde tussen de 8 en 25 kiezen, wij adviseren om bij 12 te beginnen en dan te kijken of de kaart voldoende is uitgezoomd.

Afbeelding: Breedte- en lengtegraad ingeven

Stap 5: Hoogte en breedte instellen van de kaart

Vervolgens stellen we de hoogte en breedte in van de kaart in pixels. Wij adviseren de hoogte van de kaart op rond de 600 pixels te zetten. Bij breedte vullen we altijd 100 in hierdoor neemt de kaart de volledige breedte van de placeholder waar deze is ingezet.

Afbeelding: Hoogte en breedte bepalen

Stap 6: De locaties toevoegen

Tot slot gaan we nu de locaties toevoegen. Per locatie kan je verschillende instellingen ingeven. Allereerst voeg je de schoolnaam toe. Hierna kan je optioneel een kleine beschrijving van de school geven. Vervolgens kan je optioneel een ander marker icoon uploaden(als je hier niks ingeeft komt het normale marker icoon van google maps) en kun je optioneel het logo of de foto van de school uploaden. Tot slot geeft je adresgegevens in(adres, telefoonnummer, e-mail, contact persoon en schoolwebsite) van de school en bepaal je de locatie door middel van de lengte- en breedtegraad in te geven.

Herhaal stap 6 nu voor alle locaties. Wanneer je klaar bent met alle locaties toevoegen druk dan op opslaan.

LET OP!

Zie je de kaart nou niet verschijnen op de pagina wanneer je op opslaan hebt gedrukt ververs dan even de pagina door of F5 te drukken als je op een windows computer zit en op een apple computer door Command + R in te drukken.