@versatiles/svg-renderer 1.0.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -63
- package/dist/index.cjs +1988 -927
- package/dist/index.js +1988 -927
- package/dist/maplibre-svg-export.js +1988 -927
- package/dist/maplibre-svg-export.umd.js +1988 -927
- package/package.json +22 -21
package/README.md
CHANGED
|
@@ -132,6 +132,10 @@ When `renderLabels` is set to `true`, symbol layers are rendered, including text
|
|
|
132
132
|
> - **No collision detection:** Text labels are rendered without collision detection, so labels may overlap.
|
|
133
133
|
> - **Simplified text placement:** Labels can not be positioned along lines.
|
|
134
134
|
|
|
135
|
+
### Projections
|
|
136
|
+
|
|
137
|
+
The renderer follows the style's [`projection`](https://maplibre.org/maplibre-style-spec/projection/): `mercator` (the default), `vertical-perspective` and `globe`, which — like in MapLibre GL JS — shows the globe up to zoom 11 and blends into mercator between zoom 11 and 12. Zoom-dependent `step`/`interpolate` expressions are supported as well. On the globe, geometry is clipped at the horizon and the map is clipped to the globe's outline; everything outside of it stays transparent. Raster tiles are drawn as a mesh of small, individually transformed image cells.
|
|
138
|
+
|
|
135
139
|
## E2E Visual Comparison
|
|
136
140
|
|
|
137
141
|
A visual comparison report between the SVG renderer and MapLibre GL JS is published to GitHub Pages:
|
|
@@ -142,66 +146,4 @@ A visual comparison report between the SVG renderer and MapLibre GL JS is publis
|
|
|
142
146
|
|
|
143
147
|
<!--- This chapter is generated automatically --->
|
|
144
148
|
|
|
145
|
-
|
|
146
|
-
---
|
|
147
|
-
config:
|
|
148
|
-
layout: elk
|
|
149
|
-
---
|
|
150
|
-
flowchart TB
|
|
151
|
-
|
|
152
|
-
subgraph 0["src"]
|
|
153
|
-
1["demo.ts"]
|
|
154
|
-
2["index.ts"]
|
|
155
|
-
subgraph 3["pipeline"]
|
|
156
|
-
4["render.ts"]
|
|
157
|
-
E["style_layer.ts"]
|
|
158
|
-
end
|
|
159
|
-
subgraph 5["sources"]
|
|
160
|
-
6["index.ts"]
|
|
161
|
-
7["geojson.ts"]
|
|
162
|
-
9["raster.ts"]
|
|
163
|
-
A["base64.ts"]
|
|
164
|
-
B["tiles.ts"]
|
|
165
|
-
C["sprite.ts"]
|
|
166
|
-
D["vector.ts"]
|
|
167
|
-
end
|
|
168
|
-
8["geometry.ts"]
|
|
169
|
-
subgraph F["renderer"]
|
|
170
|
-
G["svg.ts"]
|
|
171
|
-
H["color.ts"]
|
|
172
|
-
I["svg_path.ts"]
|
|
173
|
-
N["types.ts"]
|
|
174
|
-
end
|
|
175
|
-
subgraph J["maplibre"]
|
|
176
|
-
K["control.ts"]
|
|
177
|
-
L["panel_css.ts"]
|
|
178
|
-
M["index.ts"]
|
|
179
|
-
end
|
|
180
|
-
end
|
|
181
|
-
1-->2
|
|
182
|
-
2-->4
|
|
183
|
-
2-->G
|
|
184
|
-
4-->6
|
|
185
|
-
4-->C
|
|
186
|
-
4-->E
|
|
187
|
-
6-->7
|
|
188
|
-
6-->9
|
|
189
|
-
6-->C
|
|
190
|
-
6-->D
|
|
191
|
-
7-->8
|
|
192
|
-
9-->A
|
|
193
|
-
9-->B
|
|
194
|
-
B-->8
|
|
195
|
-
C-->A
|
|
196
|
-
D-->8
|
|
197
|
-
D-->B
|
|
198
|
-
G-->H
|
|
199
|
-
G-->I
|
|
200
|
-
K-->2
|
|
201
|
-
K-->L
|
|
202
|
-
M-->2
|
|
203
|
-
M-->K
|
|
204
|
-
|
|
205
|
-
class 0,3,5,F,J subgraphs;
|
|
206
|
-
classDef subgraphs fill-opacity:0.1, fill:#888, color:#888, stroke:#888;
|
|
207
|
-
```
|
|
149
|
+
[](docs/dependency-graph.svg?raw=true)
|