forked from MapComplete/MapComplete
		
	Chore: move code to external package
This commit is contained in:
		
							parent
							
								
									308d2ba4c6
								
							
						
					
					
						commit
						d079f8379b
					
				
					 3 changed files with 24 additions and 403 deletions
				
			
		
							
								
								
									
										20
									
								
								package-lock.json
									
										
									
										generated
									
									
									
								
							
							
						
						
									
										20
									
								
								package-lock.json
									
										
									
										generated
									
									
									
								
							|  | @ -58,6 +58,7 @@ | |||
|         "maplibre-gl": "^4.1.1", | ||||
|         "marked": "^12.0.2", | ||||
|         "monaco-editor": "^0.46.0", | ||||
|         "mvt-to-geojson": "^0.0.2", | ||||
|         "name-suggestion-index": "^6.0.20240422", | ||||
|         "npm": "^10.7.0", | ||||
|         "opening_hours": "^3.6.0", | ||||
|  | @ -66,7 +67,6 @@ | |||
|         "panoramax-js": "^0.1.7", | ||||
|         "panzoom": "^9.4.3", | ||||
|         "papaparse": "^5.3.1", | ||||
|         "pbf": "^3.2.1", | ||||
|         "pg": "^8.11.3", | ||||
|         "pic4carto": "^2.1.15", | ||||
|         "pmtiles": "^3.0.5", | ||||
|  | @ -13145,6 +13145,15 @@ | |||
|       "version": "1.0.0", | ||||
|       "license": "MIT" | ||||
|     }, | ||||
|     "node_modules/mvt-to-geojson": { | ||||
|       "version": "0.0.2", | ||||
|       "resolved": "https://registry.npmjs.org/mvt-to-geojson/-/mvt-to-geojson-0.0.2.tgz", | ||||
|       "integrity": "sha512-DLi1Hgowqy6ygOUIuOhtI5RLdph9VpQSP6Ct3qbOY/y0dSTBjTvpIXgbK3J0XSO9feBRrhjcQAMkzOVD/KkuDA==", | ||||
|       "dependencies": { | ||||
|         "@types/geojson": "^7946.0.14", | ||||
|         "pbf": "^3.2.1" | ||||
|       } | ||||
|     }, | ||||
|     "node_modules/n3": { | ||||
|       "version": "1.17.3", | ||||
|       "license": "MIT", | ||||
|  | @ -30231,6 +30240,15 @@ | |||
|     "murmurhash-js": { | ||||
|       "version": "1.0.0" | ||||
|     }, | ||||
|     "mvt-to-geojson": { | ||||
|       "version": "0.0.2", | ||||
|       "resolved": "https://registry.npmjs.org/mvt-to-geojson/-/mvt-to-geojson-0.0.2.tgz", | ||||
|       "integrity": "sha512-DLi1Hgowqy6ygOUIuOhtI5RLdph9VpQSP6Ct3qbOY/y0dSTBjTvpIXgbK3J0XSO9feBRrhjcQAMkzOVD/KkuDA==", | ||||
|       "requires": { | ||||
|         "@types/geojson": "^7946.0.14", | ||||
|         "pbf": "^3.2.1" | ||||
|       } | ||||
|     }, | ||||
|     "n3": { | ||||
|       "version": "1.17.3", | ||||
|       "requires": { | ||||
|  |  | |||
|  | @ -200,6 +200,7 @@ | |||
|     "maplibre-gl": "^4.1.1", | ||||
|     "marked": "^12.0.2", | ||||
|     "monaco-editor": "^0.46.0", | ||||
|     "mvt-to-geojson": "^0.0.2", | ||||
|     "name-suggestion-index": "^6.0.20240422", | ||||
|     "npm": "^10.7.0", | ||||
|     "opening_hours": "^3.6.0", | ||||
|  | @ -208,7 +209,6 @@ | |||
|     "panoramax-js": "^0.1.7", | ||||
|     "panzoom": "^9.4.3", | ||||
|     "papaparse": "^5.3.1", | ||||
|     "pbf": "^3.2.1", | ||||
|     "pg": "^8.11.3", | ||||
|     "pic4carto": "^2.1.15", | ||||
|     "pmtiles": "^3.0.5", | ||||
|  |  | |||
|  | @ -2,332 +2,8 @@ import { Feature as GeojsonFeature, Geometry } from "geojson" | |||
| 
 | ||||
| import { Store, UIEventSource } from "../../UIEventSource" | ||||
| import { FeatureSourceForTile, UpdatableFeatureSource } from "../FeatureSource" | ||||
| import Pbf from "pbf" | ||||
| import { MvtToGeojson } from "mvt-to-geojson" | ||||
| 
 | ||||
| type Coords = [number, number][] | ||||
| 
 | ||||
| class MvtFeatureBuilder { | ||||
|     private static readonly geom_types = ["Unknown", "Point", "LineString", "Polygon"] as const | ||||
|     private readonly _size: number | ||||
|     private readonly _x0: number | ||||
|     private readonly _y0: number | ||||
| 
 | ||||
|     constructor(extent: number, x: number, y: number, z: number) { | ||||
|         this._size = extent * Math.pow(2, z) | ||||
|         this._x0 = extent * x | ||||
|         this._y0 = extent * y | ||||
|     } | ||||
| 
 | ||||
|     private static signedArea(ring: Coords): number { | ||||
|         let sum = 0 | ||||
|         const len = ring.length | ||||
|         // J is basically (i - 1) % len
 | ||||
|         let j = len - 1 | ||||
|         let p1 | ||||
|         let p2 | ||||
|         for (let i = 0; i < len; i++) { | ||||
|             p1 = ring[i] | ||||
|             p2 = ring[j] | ||||
|             sum += (p2.x - p1.x) * (p1.y + p2.y) | ||||
|             j = i | ||||
|         } | ||||
|         return sum | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * | ||||
|      * const rings = [   [     [       3.208361864089966,       51.186908820014736     ],     [       3.2084155082702637,       51.18689537073311     ],     [       3.208436965942383,       51.186888646090836     ],     [       3.2084155082702637,       51.18686174751187     ],     [       3.2084155082702637,       51.18685502286465     ],     [       3.2083725929260254,       51.18686847215807     ],     [       3.2083404064178467,       51.18687519680333     ],     [       3.208361864089966,       51.186908820014736     ]   ] ] | ||||
|      * MvtFeatureBuilder.classifyRings(rings) // => [rings]
 | ||||
|      */ | ||||
|     private static classifyRings(rings: Coords[]): Coords[][] { | ||||
|         if (rings.length <= 0) { | ||||
|             throw "Now rings in polygon found" | ||||
|         } | ||||
|         if (rings.length == 1) { | ||||
|             return [rings] | ||||
|         } | ||||
| 
 | ||||
|         const polygons: Coords[][] = [] | ||||
|         let currentPolygon: Coords[] | ||||
| 
 | ||||
|         for (let i = 0; i < rings.length; i++) { | ||||
|             let ring = rings[i] | ||||
|             const area = this.signedArea(ring) | ||||
|             if (area === 0) { | ||||
|                 // Weird, degenerate ring
 | ||||
|                 continue | ||||
|             } | ||||
|             const ccw = area < 0 | ||||
| 
 | ||||
|             if (ccw === area < 0) { | ||||
|                 if (currentPolygon) { | ||||
|                     polygons.push(currentPolygon) | ||||
|                 } | ||||
|                 currentPolygon = [ring] | ||||
|             } else { | ||||
|                 currentPolygon.push(ring) | ||||
|             } | ||||
|         } | ||||
|         if (currentPolygon) { | ||||
|             polygons.push(currentPolygon) | ||||
|         } | ||||
| 
 | ||||
|         return polygons | ||||
|     } | ||||
| 
 | ||||
|     public toGeoJson(geometry: number[], typeIndex: 1 | 2 | 3, properties: any): GeojsonFeature { | ||||
|         let coords: Coords[] = this.encodeGeometry(geometry) | ||||
|         let classified = undefined | ||||
|         switch (typeIndex) { | ||||
|             case 1: | ||||
|                 const points = [] | ||||
|                 for (let i = 0; i < coords.length; i++) { | ||||
|                     points[i] = coords[i][0] | ||||
|                 } | ||||
|                 coords = points | ||||
|                 this.project(<any>coords) | ||||
|                 break | ||||
| 
 | ||||
|             case 2: | ||||
|                 for (let i = 0; i < coords.length; i++) { | ||||
|                     this.project(coords[i]) | ||||
|                 } | ||||
|                 break | ||||
| 
 | ||||
|             case 3: | ||||
|                 classified = MvtFeatureBuilder.classifyRings(coords) | ||||
|                 for (let i = 0; i < classified.length; i++) { | ||||
|                     for (let j = 0; j < classified[i].length; j++) { | ||||
|                         this.project(classified[i][j]) | ||||
|                     } | ||||
|                 } | ||||
|                 break | ||||
|         } | ||||
| 
 | ||||
|         let type: string = MvtFeatureBuilder.geom_types[typeIndex] | ||||
|         let polygonCoords: Coords | Coords[] | Coords[][] | ||||
|         if (coords.length === 1) { | ||||
|             polygonCoords = (classified ?? coords)[0] | ||||
|         } else { | ||||
|             polygonCoords = classified ?? coords | ||||
|             type = "Multi" + type | ||||
|         } | ||||
| 
 | ||||
|         return { | ||||
|             type: "Feature", | ||||
|             geometry: { | ||||
|                 type: <any>type, | ||||
|                 coordinates: <any>polygonCoords, | ||||
|             }, | ||||
|             properties, | ||||
|         } | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * | ||||
|      * const geometry = [9,233,8704,130,438,1455,270,653,248,423,368,493,362,381,330,267,408,301,406,221,402,157,1078,429,1002,449,1036,577,800,545,1586,1165,164,79,40] | ||||
|      * const builder = new MvtFeatureBuilder(4096, 66705, 43755, 17) | ||||
|      * const expected = [[3.2106759399175644,51.213658395282124],[3.2108227908611298,51.21396418776169],[3.2109133154153824,51.21410154168976],[3.210996463894844,51.214190590500664],[3.211119845509529,51.214294340548975],[3.211241215467453,51.2143745681588],[3.2113518565893173,51.21443085341426],[3.211488649249077,51.21449427925393],[3.2116247713565826,51.214540903490956],[3.211759552359581,51.21457408647774],[3.2121209800243378,51.214664394485254],[3.212456926703453,51.21475890267553],[3.2128042727708817,51.214880292910834],[3.213072493672371,51.214994962285544],[3.2136042416095734,51.21523984134939],[3.2136592268943787,51.21525664260963],[3.213672637939453,51.21525664260963]] | ||||
|      * builder.project(builder.encodeGeometry(geometry)[0]) // => expected
 | ||||
|      * @param geometry | ||||
|      * @private | ||||
|      */ | ||||
|     private encodeGeometry(geometry: number[]): Coords[] { | ||||
|         let cX = 0 | ||||
|         let cY = 0 | ||||
|         const coordss: Coords[] = [] | ||||
|         let currentRing: Coords = [] | ||||
|         for (let i = 0; i < geometry.length; i++) { | ||||
|             const commandInteger = geometry[i] | ||||
|             const commandId = commandInteger & 0x7 | ||||
|             const commandCount = commandInteger >> 3 | ||||
|             /* | ||||
|             Command 	Id 	Parameters 	Parameter Count | ||||
|                         MoveTo 	1 	dX, dY 	2 | ||||
|                         LineTo 	2 	dX, dY 	2 | ||||
|                         ClosePath 	7 	No parameters 	0 | ||||
|             */ | ||||
|             if (commandId === 1) { | ||||
|                 // MoveTo means: we start a new ring
 | ||||
|                 if (currentRing.length !== 0) { | ||||
|                     coordss.push(currentRing) | ||||
|                     currentRing = [] | ||||
|                 } | ||||
|             } | ||||
|             if (commandId === 1 || commandId === 2) { | ||||
|                 for (let j = 0; j < commandCount; j++) { | ||||
|                     const dx = geometry[i + j * 2 + 1] | ||||
|                     cX += (dx >> 1) ^ -(dx & 1) | ||||
|                     const dy = geometry[i + j * 2 + 2] | ||||
|                     cY += (dy >> 1) ^ -(dy & 1) | ||||
|                     currentRing.push([cX, cY]) | ||||
|                 } | ||||
|                 i += commandCount * 2 | ||||
|             } | ||||
|             if (commandId === 7) { | ||||
|                 if (currentRing.length === 0) { | ||||
|                     console.error( | ||||
|                         "Invalid MVT file: got a 'closePath', but the currentRing is empty. Full command:", | ||||
|                         commandInteger | ||||
|                     ) | ||||
|                 } else { | ||||
|                     currentRing.push([...currentRing[0]]) | ||||
|                 } | ||||
|                 i++ | ||||
|             } | ||||
|         } | ||||
|         if (currentRing.length > 0) { | ||||
|             coordss.push(currentRing) | ||||
|         } | ||||
|         return coordss | ||||
|     } | ||||
| 
 | ||||
|     /** | ||||
|      * Inline replacement of the location by projecting | ||||
|      * @param line the line which will be rewritten inline | ||||
|      * @return line | ||||
|      */ | ||||
|     private project(line: Coords) { | ||||
|         const y0 = this._y0 | ||||
|         const x0 = this._x0 | ||||
|         const size = this._size | ||||
|         for (let i = 0; i < line.length; i++) { | ||||
|             let p = line[i] | ||||
|             let y2 = 180 - ((p[1] + y0) * 360) / size | ||||
|             line[i] = [ | ||||
|                 ((p[0] + x0) * 360) / size - 180, | ||||
|                 (360 / Math.PI) * Math.atan(Math.exp((y2 * Math.PI) / 180)) - 90, | ||||
|             ] | ||||
|         } | ||||
|         return line | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| class Layer { | ||||
|     public static read(pbf, end) { | ||||
|         return pbf.readFields( | ||||
|             Layer._readField, | ||||
|             { version: 0, name: "", features: [], keys: [], values: [], extent: 0 }, | ||||
|             end | ||||
|         ) | ||||
|     } | ||||
| 
 | ||||
|     static _readField(tag, obj, pbf) { | ||||
|         if (tag === 15) obj.version = pbf.readVarint() | ||||
|         else if (tag === 1) obj.name = pbf.readString() | ||||
|         else if (tag === 2) obj.features.push(Feature.read(pbf, pbf.readVarint() + pbf.pos)) | ||||
|         else if (tag === 3) obj.keys.push(pbf.readString()) | ||||
|         else if (tag === 4) obj.values.push(Value.read(pbf, pbf.readVarint() + pbf.pos)) | ||||
|         else if (tag === 5) obj.extent = pbf.readVarint() | ||||
|     } | ||||
| 
 | ||||
|     public static write(obj, pbf) { | ||||
|         if (obj.version) pbf.writeVarintField(15, obj.version) | ||||
|         if (obj.name) pbf.writeStringField(1, obj.name) | ||||
|         if (obj.features) | ||||
|             for (var i = 0; i < obj.features.length; i++) | ||||
|                 pbf.writeMessage(2, Feature.write, obj.features[i]) | ||||
|         if (obj.keys) for (i = 0; i < obj.keys.length; i++) pbf.writeStringField(3, obj.keys[i]) | ||||
|         if (obj.values) | ||||
|             for (i = 0; i < obj.values.length; i++) pbf.writeMessage(4, Value.write, obj.values[i]) | ||||
|         if (obj.extent) pbf.writeVarintField(5, obj.extent) | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| class Feature { | ||||
|     static read(pbf, end) { | ||||
|         return pbf.readFields(Feature._readField, { id: 0, tags: [], type: 0, geometry: [] }, end) | ||||
|     } | ||||
| 
 | ||||
|     static _readField(tag, obj, pbf) { | ||||
|         if (tag === 1) obj.id = pbf.readVarint() | ||||
|         else if (tag === 2) pbf.readPackedVarint(obj.tags) | ||||
|         else if (tag === 3) obj.type = pbf.readVarint() | ||||
|         else if (tag === 4) pbf.readPackedVarint(obj.geometry) | ||||
|     } | ||||
| 
 | ||||
|     public static write(obj, pbf) { | ||||
|         if (obj.id) pbf.writeVarintField(1, obj.id) | ||||
|         if (obj.tags) pbf.writePackedVarint(2, obj.tags) | ||||
|         if (obj.type) pbf.writeVarintField(3, obj.type) | ||||
|         if (obj.geometry) pbf.writePackedVarint(4, obj.geometry) | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| class Value { | ||||
|     public static read(pbf, end) { | ||||
|         return pbf.readFields( | ||||
|             Value._readField, | ||||
|             { | ||||
|                 string_value: "", | ||||
|                 float_value: 0, | ||||
|                 double_value: 0, | ||||
|                 int_value: 0, | ||||
|                 uint_value: 0, | ||||
|                 sint_value: 0, | ||||
|                 bool_value: false, | ||||
|             }, | ||||
|             end | ||||
|         ) | ||||
|     } | ||||
| 
 | ||||
|     static _readField = function (tag, obj, pbf) { | ||||
|         if (tag === 1) obj.string_value = pbf.readString() | ||||
|         else if (tag === 2) obj.float_value = pbf.readFloat() | ||||
|         else if (tag === 3) obj.double_value = pbf.readDouble() | ||||
|         else if (tag === 4) obj.int_value = pbf.readVarint(true) | ||||
|         else if (tag === 5) obj.uint_value = pbf.readVarint() | ||||
|         else if (tag === 6) obj.sint_value = pbf.readSVarint() | ||||
|         else if (tag === 7) obj.bool_value = pbf.readBoolean() | ||||
|     } | ||||
| 
 | ||||
|     public static write(obj, pbf) { | ||||
|         if (obj.string_value) pbf.writeStringField(1, obj.string_value) | ||||
|         if (obj.float_value) pbf.writeFloatField(2, obj.float_value) | ||||
|         if (obj.double_value) pbf.writeDoubleField(3, obj.double_value) | ||||
|         if (obj.int_value) pbf.writeVarintField(4, obj.int_value) | ||||
|         if (obj.uint_value) pbf.writeVarintField(5, obj.uint_value) | ||||
|         if (obj.sint_value) pbf.writeSVarintField(6, obj.sint_value) | ||||
|         if (obj.bool_value) pbf.writeBooleanField(7, obj.bool_value) | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| class Tile { | ||||
|     // code generated by pbf v3.2.1
 | ||||
| 
 | ||||
|     static GeomType = { | ||||
|         UNKNOWN: { | ||||
|             value: 0, | ||||
|             options: {}, | ||||
|         }, | ||||
|         POINT: { | ||||
|             value: 1, | ||||
|             options: {}, | ||||
|         }, | ||||
|         LINESTRING: { | ||||
|             value: 2, | ||||
|             options: {}, | ||||
|         }, | ||||
|         POLYGON: { | ||||
|             value: 3, | ||||
|             options: {}, | ||||
|         }, | ||||
|     } | ||||
| 
 | ||||
|     public static read(pbf, end) { | ||||
|         return pbf.readFields(Tile._readField, { layers: [] }, end) | ||||
|     } | ||||
| 
 | ||||
|     static _readField(tag, obj, pbf) { | ||||
|         if (tag === 3) obj.layers.push(Layer.read(pbf, pbf.readVarint() + pbf.pos)) | ||||
|     } | ||||
| 
 | ||||
|     static write(obj, pbf) { | ||||
|         if (obj.layers) | ||||
|             for (var i = 0; i < obj.layers.length; i++) | ||||
|                 pbf.writeMessage(3, Layer.write, obj.layers[i]) | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| export default class MvtSource implements FeatureSourceForTile, UpdatableFeatureSource { | ||||
|     public readonly features: Store<GeojsonFeature<Geometry, { [name: string]: any }>[]> | ||||
|  | @ -352,7 +28,7 @@ export default class MvtSource implements FeatureSourceForTile, UpdatableFeature | |||
|         y: number, | ||||
|         z: number, | ||||
|         layerName?: string, | ||||
|         isActive?: Store<boolean> | ||||
|         isActive?: Store<boolean>, | ||||
|     ) { | ||||
|         this._url = url | ||||
|         this._layerName = layerName | ||||
|  | @ -367,7 +43,7 @@ export default class MvtSource implements FeatureSourceForTile, UpdatableFeature | |||
|                 } | ||||
|                 return fs | ||||
|             }, | ||||
|             [isActive] | ||||
|             [isActive], | ||||
|         ) | ||||
|     } | ||||
| 
 | ||||
|  | @ -378,39 +54,6 @@ export default class MvtSource implements FeatureSourceForTile, UpdatableFeature | |||
|         await this.currentlyRunning | ||||
|     } | ||||
| 
 | ||||
|     private getValue(v: { | ||||
|         // Exactly one of these values must be present in a valid message
 | ||||
|         string_value?: string | ||||
|         float_value?: number | ||||
|         double_value?: number | ||||
|         int_value?: number | ||||
|         uint_value?: number | ||||
|         sint_value?: number | ||||
|         bool_value?: boolean | ||||
|     }): string | number | undefined | boolean { | ||||
|         if (v.string_value !== "") { | ||||
|             return v.string_value | ||||
|         } | ||||
|         if (v.double_value !== 0) { | ||||
|             return v.double_value | ||||
|         } | ||||
|         if (v.float_value !== 0) { | ||||
|             return v.float_value | ||||
|         } | ||||
|         if (v.int_value !== 0) { | ||||
|             return v.int_value | ||||
|         } | ||||
|         if (v.uint_value !== 0) { | ||||
|             return v.uint_value | ||||
|         } | ||||
|         if (v.sint_value !== 0) { | ||||
|             return v.sint_value | ||||
|         } | ||||
|         if (v.bool_value !== false) { | ||||
|             return v.bool_value | ||||
|         } | ||||
|         return undefined | ||||
|     } | ||||
| 
 | ||||
|     private async download(): Promise<void> { | ||||
|         try { | ||||
|  | @ -420,52 +63,12 @@ export default class MvtSource implements FeatureSourceForTile, UpdatableFeature | |||
|                 return | ||||
|             } | ||||
|             const buffer = await result.arrayBuffer() | ||||
|             const data = Tile.read(new Pbf(buffer), undefined) | ||||
|             const layers = data.layers | ||||
|             let layer = data.layers[0] | ||||
|             if (layers.length > 1) { | ||||
|                 if (!this._layerName) { | ||||
|                     throw "Multiple layers in the downloaded tile, but no layername is given to choose from" | ||||
|                 } | ||||
|                 layer = layers.find((l) => l.name === this._layerName) | ||||
|             } | ||||
|             if (!layer) { | ||||
|                 return | ||||
|             } | ||||
|             const builder = new MvtFeatureBuilder(layer.extent, this.x, this.y, this.z) | ||||
|             const features: GeojsonFeature[] = [] | ||||
| 
 | ||||
|             for (const feature of layer.features) { | ||||
|                 const properties = this.inflateProperties(feature.tags, layer.keys, layer.values) | ||||
|                 features.push(builder.toGeoJson(feature.geometry, feature.type, properties)) | ||||
|             } | ||||
|             const features = await MvtToGeojson.fromBuffer(buffer, this.x, this.y, this.z) | ||||
|             this._features.setData(features) | ||||
|         } catch (e) { | ||||
|             console.error("Could not download MVT " + this._url + " tile due to", e) | ||||
|         } | ||||
|     } | ||||
| 
 | ||||
|     private inflateProperties(tags: number[], keys: string[], values: { string_value: string }[]) { | ||||
|         const properties = {} | ||||
|         for (let i = 0; i < tags.length; i += 2) { | ||||
|             properties[keys[tags[i]]] = this.getValue(values[tags[i + 1]]) | ||||
|         } | ||||
|         let type: string | ||||
|         switch (properties["osm_type"]) { | ||||
|             case "N": | ||||
|                 type = "node" | ||||
|                 break | ||||
|             case "W": | ||||
|                 type = "way" | ||||
|                 break | ||||
|             case "R": | ||||
|                 type = "relation" | ||||
|                 break | ||||
|         } | ||||
|         properties["id"] = type + "/" + properties["osm_id"] | ||||
|         delete properties["osm_id"] | ||||
|         delete properties["osm_type"] | ||||
| 
 | ||||
|         return properties | ||||
|     } | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue