Ajouter des surcouches
Carte Facile permet d'ajouter des surcouches de carte pour enrichir votre visualisation. Le styles des surcouches ajoutées s'adapteront automatiquement à la carte sélectionnée initialement, pour avoir une bonne lisibilité.
Vous pouvez ajouter une ou plusieurs surcouches (par exemple le cadastre ou les limites administratives) à votre carte en utilisant la fonction addOverlay :
import { addOverlay, Overlay } from 'carte-facile';
// Ajouter une seule surcouche
addOverlay(map, Overlay.administrativeBoundaries);
// Ou ajouter plusieurs surcouches en même temps
addOverlay(map, [Overlay.administrativeBoundaries, Overlay.cadastre]);Le style de la surcouche s'adapte automatiquement au fond de carte utilisé.
Pour retirer une ou plusieurs surcouches, utilisez la fonction removeOverlay :
import { removeOverlay } from 'carte-facile';
// Retirer une seule surcouche
removeOverlay(map, Overlay.administrativeBoundaries);
// Ou retirer plusieurs surcouches en même temps
removeOverlay(map, [Overlay.administrativeBoundaries, Overlay.cadastre]);Si vous utilisez les liens CDN
Ajoutez CarteFacile avant addOverlay et removeOverlay, et supprimez les lignes d'import. Vous pouvez utiliser directement les noms des surcouches entre guillemets au lieu de CarteFacile.Overlay.nomSurcouche :
CarteFacile.addOverlay(map, ['levelCurves', 'administrativeBoundaries']);Surcouches disponibles #
| Surcouche | Description |
|---|---|
| cadastre | Affiche les feuilles et les parcelles cadastrales. |
| administrativeBoundaries | Affiche les limites administratives des régions, départements, EPCI et communes. |
| levelCurves | Affiche les courbes de niveau, permettant de décrire le relief. |
Facilitez-vous la tâche avec le sélecteur de cartes !
Ajoutez rapidement un sélecteur pour permettre à vos utilisateurs de changer de carte ou d’afficher des surcouches en un clic.
Pour afficher toutes les surcouches disponibles, servez-vous de l’autocomplétion de votre IDE avec Overlay., ou utilisez la méthode suivante pour afficher la liste dans la console du navigateur :
import { Overlay } from 'carte-facile';
console.log(Overlay);
Si vous utilisez les liens CDN :
console.log(CarteFacile.Overlay);