geojson support

Author: jgaffuri

examples/basics/geojson.html

@@ -0,0 +1,21 @@
+<div id="map" style="height: 100%; width: 100%"></div>
+
+<script src="../../dist/gridviz.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/gridviz-eurostat@2.0.2"></script>
+<script>
+    //define map with initial view
+    const map = new gridviz.Map(document.getElementById('map'), {
+        x: 4500000,
+        y: 2900000,
+        z: 1000,
+    }).addZoomButtons()
+
+    //define background layer
+    const backgroundLayer = new gridviz.BackgroundLayer(
+        gridviz_eurostat.giscoBackgroundLayer('OSMPositronBackground', 18, 'EPSG3035')
+    )
+
+    //add layer to map
+    map.layers = [backgroundLayer]
+    map.redraw()
+</script>

examples/basics/geojson_test.json

@@ -0,0 +1,15 @@
+{
+"type": "FeatureCollection",
+"name": "geojson_test",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:EPSG::3035" } },
+"features": [
+{ "type": "Feature", "properties": { "name": "Amber Fox", "value": 17 }, "geometry": { "type": "Point", "coordinates": [ 4046000.0, 2654000.0 ] } },
+{ "type": "Feature", "properties": { "name": "Blue Cedar", "value": 42 }, "geometry": { "type": "MultiPoint", "coordinates": [ [ 4046200.0, 2654000.0 ], [ 4046250.0, 2654050.0 ], [ 4046300.0, 2653980.0 ] ] } },
+{ "type": "Feature", "properties": { "name": "Crimson Lake", "value": 85 }, "geometry": { "type": "LineString", "coordinates": [ [ 4046500.0, 2653900.0 ], [ 4046600.0, 2653950.0 ], [ 4046700.0, 2653920.0 ], [ 4046800.0, 2653980.0 ] ] } },
+{ "type": "Feature", "properties": { "name": "Delta Pine", "value": 23 }, "geometry": { "type": "MultiLineString", "coordinates": [ [ [ 4047000.0, 2654100.0 ], [ 4047100.0, 2654200.0 ], [ 4047200.0, 2654150.0 ] ], [ [ 4047000.0, 2654300.0 ], [ 4047100.0, 2654350.0 ], [ 4047200.0, 2654320.0 ] ] ] } },
+{ "type": "Feature", "properties": { "name": "Emerald Sky", "value": 64 }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 4047500.0, 2653900.0 ], [ 4047700.0, 2653900.0 ], [ 4047700.0, 2654100.0 ], [ 4047500.0, 2654100.0 ], [ 4047500.0, 2653900.0 ] ] ] } },
+{ "type": "Feature", "properties": { "name": "Ivory Forest", "value": 58 }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 4047304.776716627180576, 2653313.536672802641988 ], [ 4047704.776716627180576, 2653313.536672802641988 ], [ 4047704.776716627180576, 2653713.536672802641988 ], [ 4047304.776716627180576, 2653713.536672802641988 ], [ 4047304.776716627180576, 2653313.536672802641988 ] ], [ [ 4047404.776716627180576, 2653413.536672802641988 ], [ 4047504.776716627180576, 2653413.536672802641988 ], [ 4047504.776716627180576, 2653513.536672802641988 ], [ 4047404.776716627180576, 2653513.536672802641988 ], [ 4047404.776716627180576, 2653413.536672802641988 ] ], [ [ 4047554.776716627180576, 2653538.536672802641988 ], [ 4047654.776716627180576, 2653538.536672802641988 ], [ 4047654.776716627180576, 2653638.536672802641988 ], [ 4047554.776716627180576, 2653638.536672802641988 ], [ 4047554.776716627180576, 2653538.536672802641988 ] ] ] } },
+{ "type": "Feature", "properties": { "name": "Golden River", "value": 91 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 4048000.0, 2653900.0 ], [ 4048150.0, 2653900.0 ], [ 4048150.0, 2654050.0 ], [ 4048000.0, 2654050.0 ], [ 4048000.0, 2653900.0 ] ] ], [ [ [ 4048250.0, 2653900.0 ], [ 4048400.0, 2653900.0 ], [ 4048400.0, 2654050.0 ], [ 4048250.0, 2654050.0 ], [ 4048250.0, 2653900.0 ] ] ] ] } },
+{ "type": "Feature", "properties": { "name": "Hidden Stone", "value": 58 }, "geometry": { "type": "GeometryCollection", "geometries": [ { "type": "Point", "coordinates": [ 4048700.0, 2654000.0 ] }, { "type": "LineString", "coordinates": [ [ 4048750.0, 2653950.0 ], [ 4048850.0, 2654050.0 ] ] }, { "type": "Polygon", "coordinates": [ [ [ 4048900.0, 2653900.0 ], [ 4049000.0, 2653900.0 ], [ 4049000.0, 2654000.0 ], [ 4048900.0, 2654000.0 ], [ 4048900.0, 2653900.0 ] ] ] } ] } }
+]
+}