Suite

Généraliser la localisation exacte de certains points de données à l'aide de Carto CSS ?

Généraliser la localisation exacte de certains points de données à l'aide de Carto CSS ?


J'ai affaire à des données sensibles pour lesquelles fournir une haute résolution de précision de l'emplacement serait préjudiciable. Cependant, l'emplacement général n'est pas sensible et utile à partager.

J'aimerais utiliser Carto CSS pour généraliser la visualisation des points au-dessus d'un certain niveau de zoom. L'objectif serait de styliser les points comme un marqueur sans mise à l'échelle d'une grande largeur fixe… ou une icône de point d'interrogation ou quelque chose de similaire. Je sais que les naturalistes le font avec certaines données sensibles sur la biodiversité.

Des conseils ou des exemples ?


Solution 1. Saisissez ce qui suit dans l'onglet "CSS" de l'éditeur CartoDB

#votre_couche_de_données{ marker-line-width : 0 ; marqueur-ligne-opacité : 0 ; marqueur-remplissage-opacité : 1 ; marqueur-remplissage : #FF6600 ; type de marqueur : ellipse ; largeur du marqueur : 8 ; marqueur-autoriser-chevauchement : vrai ; [zoom > 10] { [zoom = 11] { marker-width: 16;} [zoom = 12] { marker-width: 32;} [zoom = 13] { marker-width: 64;} [zoom = 14] { marker-width: 128;} [zoom = 15] { marker-width: 256;} [zoom = 16] { marker-width: 512;} [zoom = 17] { marker-width: 1024;} [zoom > = 18] { marqueur-largeur : 2048;} } }

Cela donne au marqueur pour les données la même taille (en unités de carte) lorsque l'utilisateur zoome au-delà du niveau 10. Chaque niveau de zoom est un doublement de l'échelle de la carte (c'est-à-dire que la même distance au sol occupe deux fois plus de distance à l'écran que le niveau de zoom inférieur précédent), il faut donc doubler la taille des marqueurs (qui sont spécifiés dans pixels) avec chaque niveau de zoom supérieur afin que le marqueur conserve la même taille en unités de carte.

Solution 2, saisissez ceci dans l'onglet "CSS" de l'éditeur CartoDB :

#votre_couche_de_données{ marker-line-width : 0 ; marqueur-ligne-opacité : 0 ; marqueur-remplissage-opacité : 1 ; marqueur-remplissage : #FF6600 ; type de marqueur : ellipse ; largeur du marqueur : 8 ; marqueur-autoriser-chevauchement : vrai ; [zoom > 10] { marker-fill-opacity: 0; } }

Cela ne rend tout simplement pas les données (car nous avons défini l'opacité à zéro) lorsque l'utilisateur est trop rapproché (> niveau de zoom 10 dans cet exemple).


Voir la vidéo: Carto: CartoCSS