2. TileMill
● Studio de design de carte par MapBox
● Logiciel web offline
– Ecrit en Node JS
– Rendu des cartes avec Mapnik
– Style en « CSS »
3. Interface Export
Aperçut de la carte
Aide Édition CSS
Calques
Interactivité
Documentation
4. Calques
● Calques pour la composition du style
● Données thématiques à styler sur la carte
● Origine
– PostGis
– Shape
– Sqlite
5. Calques
● Requête à chaque rendu de chaque tuile
– Requête spatiale
– Utiliser des index
● Champs utilisables
– Condition de style
– Texte sur le rendu
6. Aperçut de la carte
● Carte navigable
● Rendu en direct lors de l'édition du style
● Rendu par Mapnik 2 depuis le style
7. Style
● CartoCSS un CSS-like
Calque
Style
#generator {
Condition
marker-fill: gray; « source » champ du calque
[source="nuclear"] {
marker-fill: #F00000;
} Style de surcharge
}
8. Style
Calque Condition
« zoom » de la carte
#city_wall[zoom>=13] {
« @ » Constante
line-color: @color_light;
line-width: 6; « :: » Rendu
complémentaire des
::overlay { mêmes données du calque
line-color: @color_dark_plain;
line-width: 3;
}
}
9. Style
● Catégories d'attributs
Trait et aplat Image
marker point
line line-pattern
polygon polygon-pattern
text shield