Journal des évènements
Démo
(partie 1)
OpenLayers. Alternative libre à google map
Adaptation à partir de :
https://esri.github.io/esri-leaflet/tutorials/
,
https://leafletjs.com/reference-1.6.0.html
,
https://leafletjs.com/plugins.html
Tester les différentes configuration qui vous sont proposées ICI ...
Déclenchement d'évènement au click sur la carte (donne les coordonnées du point clické).
Afficher des boutons de contrôle de Zoom personnalisés sur la carte.
Changer la position des boutons de contrôle de zoom vers la position coin bas gauche.
Afficher des marqueurs simples et personnalisés.
Afficher plusieurs marqueurs à partir de données json. Exemple thème "Châteaux de la Région de Fontainebleau".
Créer les éléments (boutons, champs) sur la carte pour des recherche de localisation en fonction des adresses.
Créer un petit Logo personnalisé dans le coin bas gauche de la carte.
Créer automatiquement un bouton de sélection (dans notre exemple choix de différents types de cartes). Position au coin bas droit.
Ajouter un contrôle d'échelle.
Regroupement de marqueurs en layer group.
Créer une zône circulaire clickable (bouton fermé inclu) et avec info au survol.
Déplacer la carte vers de nouvelles coordonnées(New York) zoom =8. Avec fly => animations
Déplacer la carte vers de nouvelles coordonnées(Stockholm) zoom =8. Avec setView
Déplacer la carte vers de nouvelles coordonnées(Cap Town) zoom =8. Avec panTo
Déplacer la carte vers de nouvelles coordonnées(Paris): zoom =8. Avec setView.
Arrêt évènement au click sur la carte.
Supprimer les boutons de zoom.
Revenir à la position initiale pour les boutons de contrôle de zoom vers la position coin bas gauche.
Supprimer les marqueurs simples et personnalisés.
Supprimer les marqueurs du thème "Châteaux de la Région de Fontainebleau".
Supprimer la zône circulaire.
Supprimer le regroupement de marqueurs en layer group.
Fonds de carte
Rues
Topographique
Gris
Gris sombre
Imagerie
ImageryClarity
Aérien
National Geographic
Oceans
ShadedRelief
Terrain
Physical