Exercices Géolocalisation

Exercice - Première carte + Géolocalisation

• (créez une nouvelle route /map et une vue associée leaflet.php)
• utilisez l’API Leaflet et affichez la map
  • suivez le tutoriel du site
  • éventuellement, voilà une liste de provider de tuiles (attention, certains nécessitent un token)
• utilisez l’API de géolocalisation pour vous positionner sur la carte
  • créez un marqueur et centrez la map à ces coordonnées

Bonus

Ajoutez un bloc avec les coordonnées géographiques qui suit la position de la souris sur la map

• ajoutez une div#coords n’importe où dans la page
• ajoutez l’événement Leaflet mousemove sur la map
  • récupérez la div#coords
  • modifiez son contenu (avec les coordonnées géographiques récupérées de la map) (event.latlng)
  • modifiez son CSS (avec les coordonnées pixels de la souris: position: absolute, top et left, z-index)
• n’activez cette option que lorsqu’une checkbox est cochée (.checked)