leaflet-city-mapper 0.0.5 → 0.0.7

package/README.md

@@ -3,7 +3,7 @@
 [![NPM version](https://img.shields.io/npm/v/leaflet-city-mapper.svg?color=red)](https://www.npmjs.com/package/leaflet-city-mapper)
 [![License](https://img.shields.io/badge/license-GPL%203-blue.svg?style=flat)](LICENSE)
 
-**Your data, on a rotated and pitched Leaflet map:** a small 3D rendering engine (WebGPU) packaged onto standard `L.Layer`. Available sources: extruded GeoJSON, glTF models, raster PMTiles, COG and terrain layers.
+**Your data, on a rotated and pitched Leaflet map:** a small 3D rendering engine (WebGPU) packaged onto standard `L.Layer`. Available sources: extruded GeoJSON, glTF models, raster PMTiles, COG, MVT/PBF and terrain layers.
 
 <p align="center">
     <a href="https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper.html"><img src="https://raruto.github.io/img/leaflet-city-mapper.png" alt="Leaflet 3D City Mapper" /></a>
@@ -12,8 +12,10 @@
 _For a working example see one of the following demos:_
 
 - [City of Paris in 3D](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper.html)
-- [Ancient Rome in 3D](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper-geojson.html)
+- [Ancient Rome in 3D](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper-rome.html)
+- [Matterhorn in 3D](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper-matterhorn.html)
 - [Native Leaflet layers on WebGPU](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper-native.html)
+- [Vector tiles](https://raruto.github.io/leaflet-city-mapper/examples/leaflet-city-mapper-vector-tiles.html)
 
 ## How to use
 
@@ -22,7 +24,7 @@ Just load Leaflet before this plugin:
 ```html
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9/dist/leaflet.css">
 <script src="https://unpkg.com/leaflet@1.9/dist/leaflet.js"></script>
-<script src="https://unpkg.com/leaflet-city-mapper@0.0.5/dist/leaflet-city-mapper.js"></script>
+<script src="https://unpkg.com/leaflet-city-mapper@0.0.7/dist/leaflet-city-mapper.js"></script>
 ```
 
 And then create a native `L.Layer`:
@@ -35,7 +37,7 @@ For example, here is how you can load a `geojson` object:
 ```js
 const buildings = new L.Layer({
   source: {
-    type: 'geojson',
+    type: 'vector',
     data: GeoJSON,
     style: ({ properties }) => ({ top: properties.height, color: properties.color }),
     tooltip: ({ properties }) => `${properties.name}: ${properties.height} m`,
@@ -93,6 +95,9 @@ src/
   index.js           Public entry point and source registration
   globals/           One shared constant or mutable cell per module
   weakmaps/          One private WeakMap per map/layer state field
+  mvt/               PBF vector tile decoding and tessellation
+  vector-style/      Safe vector style parsing and expressions
+  vector-tiles/      Native vector tile lifecycle and worker preparation
   camera/            Leaflet camera API and scene camera state
   controls/          Compass, dragging, touch and resizing
   core/              Leaflet hooks, camera-aware overlays and readiness
@@ -100,7 +105,7 @@ src/
   layer-controls/    Layer entry placement and progress indicators
   scene/             Source routing, lifecycle and graph nodes
   sources/           GeoJSON and streamed source loading and assembly
-  workers/           Cancellable geometry tasks and worker entry point
+  workers/           Geometry, MVT, COG and model tasks sharing one CDN-compatible worker
   picking/           Raycasting, highlighting and feature interaction
   rendering/         Frame stages, draw pipelines and mesh lifecycle
   gpu/               Device initialization, renderer resources and diagnostics