Mehr

Wie stelle ich den Sichtbarkeitsbereich von Layern in CartoDB mit CartoCSS ein?

Wie stelle ich den Sichtbarkeitsbereich von Layern in CartoDB mit CartoCSS ein?


Ich möchte die Sichtbarkeit verschiedener Layer auf einer CartoDB-Webkarte so anpassen, dass sie in unterschiedlichen Zoomstufen angezeigt und ausgeblendet werden.

Wie wird dies erreicht?


Sie können zoombasiertes Styling verwenden, um Layer (eigentlich die darin enthaltenen Geometrien) je nach Zoom ein- oder auszublenden.

Diese Lektion über zoombasiertes Styling erklärt den Trick im Detail, aber im Grunde können Sie in jeder Ihrer unabhängigen Ebenen Folgendes tun:

#table{ Marker-Füll-Opazität: 0,9; Markierungslinienfarbe: #FFF; Markierungslinienbreite: 0; Marker-Linien-Deckkraft: 1; Marker-Platzierung: Punkt; Markertyp: Ellipse; Markierungsbreite: 3; Markierungsfüllung: #FF6600; Marker-Erlaube-Überlappung: true; [Zoom > 4] {Marker-Breite: 0} }

Wenn Sie dies auf Ihre verschiedenen Ebenen anwenden, indem Sie unterschiedliche Zoombeschränkungen verwenden ([Zoom > X] {Marker-Breite: 0}) in jedem von ihnen können Sie Ihre Ebenen ein- und ausblenden.

Natürlich können Sie auch verwenden:

  • [Zoom < X] {Marker-Breite: 0}
  • [Zoom = X] {Marker-Breite: 0}
  • [Zoom <= X] {Marker-Breite: 0}
  • [Zoom >= X] {Marker-Breite: 0}

Und neben der Markerbreite können Sie auch mit der Deckkraft spielen -- Stellen Sie sich vor, Sie möchten die Ebenen nicht ausblenden, sondern möchten sie als "Schatten" belassen.


Schau das Video: : Change CartoCSS Dynamically