JavaScript — Introduktion genom exempel

12.3 Händelse i karta

I detta exempel bygger vi vidare på föregående exempel. Nu lägger vi till en händelselyssnare i kartan, så att då man klickar i den, ska det läggas in en markör på den platsen. Vi tar då fram Event-objektet och ser hur vi kan avläsa latitud och longitud. I nästa del av exemplet lägger vi till HTML-kod för ett formulär i en popupruta.

14 min.

Sammanfattning

En händelselyssnare läggs till genom att utgå från variabeln med kartan och använda metoden on. Den fungerar på samma sätt som addEventListener, där man i två parametrar anger händelse och vilken funktion som ska anropas.

myMap.on("click", newUserMarker);

Event-objektet fångar man upp som en parameter i metoden. I det finns flera egenskaper för kartan, bl.a. latlng, som innehåller latitud och longitud för den plats man klickade på.

Egna övningar

Ingen övning i detta exempel.