"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
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | Next revision Both sides next revision | ||
geoinf18:oltuto2 [2019/01/08 19:35] oertz [B. Personnaliser un style avec l'extension GeoCSS] |
geoinf18:oltuto2 [2019/01/08 19:41] oertz [A. Préliminaire CartoCSS] |
||
---|---|---|---|
Line 127: | 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 ==== |