Mapbox » History » Version 10
Philippe May, 15/07/2019 15:04
1 | 1 | Philippe May | h1. Mapbox |
---|---|---|---|
2 | 1 | Philippe May | |
3 | 1 | Philippe May | Gisaf uses mapbox-gl for rendering online maps. |
4 | 1 | Philippe May | |
5 | 4 | Philippe May | h2. Base maps |
6 | 4 | Philippe May | |
7 | 4 | Philippe May | Mapbox doesn't have the concept of "base map". Instead, Mapbox maps are defined with a _style_ (that we call the _base style_). |
8 | 4 | Philippe May | A mapbox style contains different layers, which can be vector based (eg. labels, roads, areas) or raster (eg. satellite). |
9 | 4 | Philippe May | |
10 | 4 | Philippe May | Gisaf adds layers (in GeoJSON format) at the top the base style. |
11 | 4 | Philippe May | |
12 | 5 | Philippe May | Gisaf allows to pick a base style for the map, though a menu. The options for the base styles are stored in the database (table @map_base_style@), and editable through the admin interface. The definition of the style itself is in _json_ format, and can be created with online tools like "Maputnik":https://maputnik.github.io/editor ("MapboxStudio":https://www.mapbox.com/editor/ is also an alternative, but it's heavily linked to their business ecosystem). |
13 | 4 | Philippe May | |
14 | 1 | Philippe May | |
15 | 2 | Philippe May | h2. Setting styles for the layers (models) |
16 | 1 | Philippe May | |
17 | 1 | Philippe May | There are 2 places where mapbox styles live, depending on the type of layer. |
18 | 1 | Philippe May | |
19 | 1 | Philippe May | h3. Custom models |
20 | 1 | Philippe May | |
21 | 1 | Philippe May | In the @qml@ table, define the style in the column @mapbox-paint@ corresponding to the type in the column @model_name@. |
22 | 1 | Philippe May | |
23 | 1 | Philippe May | h3. Models from categories |
24 | 1 | Philippe May | |
25 | 1 | Philippe May | In the @category@ table, these columns used for styling: |
26 | 1 | Philippe May | |
27 | 1 | Philippe May | * @mapbox_type_custom@: the mapbox type can be overridden, eg. @fill-extrusion@ for polygons (no other known useful cases) |
28 | 1 | Philippe May | |
29 | 1 | Philippe May | * @mapbox_paint@: the mapbox paint style |
30 | 1 | Philippe May | |
31 | 1 | Philippe May | * @mapbox_layout@: the mapbox layout (usually not used) |
32 | 1 | Philippe May | |
33 | 1 | Philippe May | |
34 | 1 | Philippe May | h2. Mapbox style definition |
35 | 1 | Philippe May | |
36 | 1 | Philippe May | The specification of mapbox paint styles can be found at https://www.mapbox.com/mapbox-gl-js/style-spec/ . |
37 | 1 | Philippe May | |
38 | 1 | Philippe May | For example: |
39 | 1 | Philippe May | |
40 | 1 | Philippe May | <pre> |
41 | 1 | Philippe May | {"fill-color": ["rgba", 204, 204, 255, 1]} |
42 | 1 | Philippe May | </pre> |