GIS and Media fusion
"The explosive growth of the GeoWeb and geographic information has made GIS powerful media for the general public to communicate, but perhaps more importantly, GIS have also become media for constructive dialogs and interactions about social issues." - Sui & Goodchild
User Tools
geoinf18:oltuto2
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
geoinf18:oltuto2 [2018/12/06 23:03] oertz [B. Pilotage client-side avec OL3 & l'API CARTO] |
geoinf18:oltuto2 [2019/01/08 19:41] oertz [B. Personnaliser un style avec l'extension GeoCSS] |
||
|---|---|---|---|
| Line 86: | Line 86: | ||
| * Ajouter un label avec l'attribut ''Name'' (voir https://docs.geoserver.org/stable/en/user/styling/css/properties.html#text-symbology-labeling-part-1) | * Ajouter un label avec l'attribut ''Name'' (voir https://docs.geoserver.org/stable/en/user/styling/css/properties.html#text-symbology-labeling-part-1) | ||
| * Limiter l'affichage du labeling à partir d'un certain niveau d'échelle (voir https://docs.geoserver.org/stable/en/user/styling/css/filters.html#filtering-by-rendering-context-scale) | * Limiter l'affichage du labeling à partir d'un certain niveau d'échelle (voir https://docs.geoserver.org/stable/en/user/styling/css/filters.html#filtering-by-rendering-context-scale) | ||
| + | |||
| + | <code> | ||
| + | /* These GeoCSS instructions should work as a scale-controlled display of labels */ | ||
| + | * { | ||
| + | stroke: #000000; | ||
| + | stroke-width: 2; | ||
| + | | ||
| + | /* no fill | ||
| + | fill: #ffcc00; | ||
| + | fill-opacity: 0.6; | ||
| + | */ | ||
| + | | ||
| + | [@sd <= 800k] { | ||
| + | label: [Name]; | ||
| + | label-anchor: 0.5, 0.5; | ||
| + | | ||
| + | font-fill: black; | ||
| + | font-size: 40; | ||
| + | font-weight: bold; | ||
| + | | ||
| + | halo-color: white; | ||
| + | halo-radius: 2; | ||
| + | } | ||
| + | } | ||
| + | </code> | ||
| Line 102: | Line 127: | ||
| * l'UI Style Editor est pratique et avec le sélecteur VALUES|CARTOCSS on peut passer dans un mode "code cartographique" pour affiner la description de style et accéder aux [[https://carto.com/docs/carto-engine/cartocss/properties/|instructions CartoCSS]] | * l'UI Style Editor est pratique et avec le sélecteur VALUES|CARTOCSS on peut passer dans un mode "code cartographique" pour affiner la description de style et accéder aux [[https://carto.com/docs/carto-engine/cartocss/properties/|instructions CartoCSS]] | ||
| * voir aussi {{:geoinf16:cartocss.pdf|Custom basemap tiles with CartoCSS, J. Freyre, 2014}} \\ {{:geoinf18:screenshot_from_2018-11-27_22-06-38.png?nolink|}} | * voir aussi {{:geoinf16:cartocss.pdf|Custom basemap tiles with CartoCSS, J. Freyre, 2014}} \\ {{:geoinf18:screenshot_from_2018-11-27_22-06-38.png?nolink|}} | ||
| + | <code> | ||
| + | /* These CartoCSS instructions should display elevation labels along the contour lines */ | ||
| + | #layer { | ||
| + | line-width: 2; | ||
| + | line-color: #890500; | ||
| + | line-opacity: 1; | ||
| + | } | ||
| + | #layer::labels { | ||
| + | text-name: [elevation]; | ||
| + | text-face-name: 'DejaVu Sans Book'; | ||
| + | text-size: 14; | ||
| + | text-fill: #ffffff; | ||
| + | text-label-position-tolerance: 0; | ||
| + | text-halo-radius: 1; | ||
| + | text-halo-fill: #000000; | ||
| + | text-dy: 4; | ||
| + | text-allow-overlap: true; | ||
| + | text-placement: line; | ||
| + | text-placement-type: dummy; | ||
| + | } | ||
| + | </code> | ||
| ==== B. Pilotage client-side avec OL3 & l'API CARTO ==== | ==== B. Pilotage client-side avec OL3 & l'API CARTO ==== | ||
geoinf18/oltuto2.txt · Last modified: 2019/01/08 20:17 by oertz
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 4.0 International
