updated mvt examples

Signed-off-by: Tim Deubler <[email protected]>
heremaps · Nov 21, 2023 · 3d8b426 · 3d8b426
1 parent 7567a96
commit 3d8b426
Show file tree

Hide file tree

Showing 8 changed files with 32 additions and 32 deletions.
diff --git a/packages/playground/examples/display/custom_layer.ts b/packages/playground/examples/display/custom_layer.ts
@@ -64,10 +64,10 @@ const baseMapLayer = new MVTLayer({
         },
 
         assign: (feature, zoom) => {
-            let props = feature.properties;
-            let kind = props.kind;
-            let layer = feature.getMvtLayer();
-            let geom = feature.geometry.type;
+            const props = feature.properties;
+            const kind = props.kind;
+            const layer = props.$layer; // the name of the layer in the mvt datasource.
+            const geom = feature.geometry.type;
 
             if (layer == 'landuse') {
                 switch (kind) {

diff --git a/packages/playground/examples/display/pitch_rotate_map.ts b/packages/playground/examples/display/pitch_rotate_map.ts
@@ -63,10 +63,10 @@ const baseMapLayer = new MVTLayer({
         },
 
         assign: (feature, zoom) => {
-            let props = feature.properties;
-            let kind = props.kind;
-            let layer = feature.getMvtLayer();
-            let geom = feature.geometry.type;
+            const props = feature.properties;
+            const kind = props.kind;
+            const layer = props.$layer; // the name of the layer in the mvt datasource.
+            const geom = feature.geometry.type;
 
             if (layer == 'landuse') {
                 switch (kind) {

diff --git a/packages/playground/examples/layer/3d_buildings.ts b/packages/playground/examples/layer/3d_buildings.ts
@@ -33,10 +33,10 @@ const display = new Map(document.getElementById('map'), {
                 },
 
                 assign: (feature, level) => {
-                    var props = feature.properties;
-                    var kind = props.kind;
-                    var layer = feature.getMvtLayer(); // the data layer of the feature
-                    var geom = feature.geometry.type;
+                    const props = feature.properties;
+                    const kind = props.kind;
+                    const layer = props.$layer; // the name of the layer in the mvt datasource.
+                    const geom = feature.geometry.type;
 
                     if (layer == 'water') {
                         if (geom == 'LineString' || geom == 'MultiLineString') {

diff --git a/packages/playground/examples/layer/3d_lines.ts b/packages/playground/examples/layer/3d_lines.ts
@@ -81,10 +81,10 @@ var baseMapLayer = new MVTLayer({
             }]
         },
         assign: function(feature, zoom) {
-            var props = feature.properties;
-            var kind = props.kind;
-            var layer = feature.getMvtLayer();
-            var geom = feature.geometry.type;
+            const props = feature.properties;
+            const kind = props.kind;
+            const layer = props.$layer; // the name of the layer in the mvt datasource.
+            const geom = feature.geometry.type;
 
             if (layer == 'landuse') {
                 switch (kind) {

diff --git a/packages/playground/examples/layer/Heatmap.ts b/packages/playground/examples/layer/Heatmap.ts
@@ -29,10 +29,10 @@ const display = new Map(document.getElementById('map'), {
                     'buildings': [{zIndex: 7, type: 'Polygon', fill: '#999999'}]
                 },
                 assign: function(feature, level) {
-                    var props = feature.properties;
-                    var kind = props.kind;
-                    var layer = feature.getMvtLayer(); // the data layer of the feature
-                    var geom = feature.geometry.type;
+                    const props = feature.properties;
+                    const kind = props.kind;
+                    const layer = props.$layer; // the name of the layer in the mvt datasource.
+                    const geom = feature.geometry.type;
 
                     if (layer == 'water') {
                         if (geom == 'LineString' || geom == 'MultiLineString') {

diff --git a/packages/playground/examples/layer/MVTLayer.ts b/packages/playground/examples/layer/MVTLayer.ts
@@ -36,10 +36,10 @@ const display = new Map(document.getElementById('map'), {
                 },
 
                 assign: function(feature, level) {
-                    var props = feature.properties;
-                    var kind = props.kind;
-                    var layer = feature.getMvtLayer(); // the data layer of the feature
-                    var geom = feature.geometry.type;
+                    const props = feature.properties;
+                    const kind = props.kind;
+                    const layer = props.$layer; // the name of the layer in the mvt datasource.
+                    const geom = feature.geometry.type;
 
                     if (layer == 'water') {
                         if (geom == 'LineString' || geom == 'MultiLineString') {

diff --git a/packages/playground/examples/layer/collision_detection.ts b/packages/playground/examples/layer/collision_detection.ts
@@ -61,10 +61,10 @@ const display = new Map(document.getElementById('map'), {
                 },
 
                 assign: (feature, level) => {
-                    let props = feature.properties;
-                    let geom = feature.geometry.type;
-                    let kind = props.kind;
-                    let layer = feature.getMvtLayer(); // the data layer of the feature
+                    const props = feature.properties;
+                    const kind = props.kind;
+                    const layer = props.$layer; // the name of the layer in the mvt datasource.
+                    const geom = feature.geometry.type;
 
                     if (layer == 'water') {
                         if (geom == 'LineString' || geom == 'MultiLineString') {

diff --git a/packages/playground/examples/layer/label_collision_detection.ts b/packages/playground/examples/layer/label_collision_detection.ts
@@ -71,10 +71,10 @@ const display = new Map(document.getElementById('map'), {
                 },
 
                 assign: (feature, zoom) => {
-                    let props = feature.properties;
-                    let kind = props.kind;
-                    let layer = feature.getMvtLayer();
-                    let geom = feature.geometry.type;
+                    const props = feature.properties;
+                    const kind = props.kind;
+                    const layer = props.$layer; // the name of the layer in the mvt datasource.
+                    const geom = feature.geometry.type;
 
                     if (layer == 'landuse') {
                         switch (kind) {