switch default mvt basemap to here vectortiles

Signed-off-by: Tim Deubler <[email protected]>
heremaps · Nov 17, 2023 · 1428bac · 1428bac
1 parent 071ff56
commit 1428bac
Show file tree

Hide file tree

Showing 59 changed files with 59 additions and 59 deletions.
diff --git a/packages/playground/examples/display/add_remove_layer.ts b/packages/playground/examples/display/add_remove_layer.ts
@@ -9,7 +9,7 @@ var layers = [
         min: 1,
         max: 20,
         remote: {
-            url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+            url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
         }
     })
 ];

diff --git a/packages/playground/examples/display/animate_road.ts b/packages/playground/examples/display/animate_road.ts
@@ -5,7 +5,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let myLayer = new TileLayer({

diff --git a/packages/playground/examples/display/behavior_set.ts b/packages/playground/examples/display/behavior_set.ts
@@ -14,7 +14,7 @@ const display = new Map(document.getElementById('map'), {
             min: 1,
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         })
     ]

diff --git a/packages/playground/examples/display/click_feature_show_properties.ts b/packages/playground/examples/display/click_feature_show_properties.ts
@@ -8,7 +8,7 @@ var layers = [
         min: 1,
         max: 20,
         remote: {
-            url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+            url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
         }
     }),
     new TileLayer({

diff --git a/packages/playground/examples/display/click_feature_to_center_map.ts b/packages/playground/examples/display/click_feature_to_center_map.ts
@@ -42,7 +42,7 @@ const display = new Map(document.getElementById('map'), {
             min: 1,
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         }),
         myLayer

diff --git a/packages/playground/examples/display/click_highlight_line.ts b/packages/playground/examples/display/click_highlight_line.ts
@@ -7,7 +7,7 @@ const backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 const spaceLayer = new TileLayer({

diff --git a/packages/playground/examples/display/custom_layer.ts b/packages/playground/examples/display/custom_layer.ts
@@ -6,7 +6,7 @@ import {Map} from '@here/xyz-maps-display';
 const baseMapLayer = new MVTLayer({
     name: 'mvt-world-layer',
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     },
     style: {
         backgroundColor: '#ECE0CA',

diff --git a/packages/playground/examples/display/hello_world.ts b/packages/playground/examples/display/hello_world.ts
@@ -17,7 +17,7 @@ const display = new Map(document.getElementById('map'), {
             // the maximum zoom level the layer is displayed
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         })
     ]

diff --git a/packages/playground/examples/display/hover_hightlight_line.ts b/packages/playground/examples/display/hover_hightlight_line.ts
@@ -7,7 +7,7 @@ const backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 const lineLayer = new TileLayer({

diff --git a/packages/playground/examples/display/mapview_listener.ts b/packages/playground/examples/display/mapview_listener.ts
@@ -15,7 +15,7 @@ const display = new Map(document.getElementById('map'), {
             min: 1,
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         })
     ]

diff --git a/packages/playground/examples/display/observer.ts b/packages/playground/examples/display/observer.ts
@@ -14,7 +14,7 @@ const display = new Map(document.getElementById('map'), {
             min: 1,
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         })
     ]

diff --git a/packages/playground/examples/display/pitch_rotate_map.ts b/packages/playground/examples/display/pitch_rotate_map.ts
@@ -5,7 +5,7 @@ import {Map} from '@here/xyz-maps-display';
 const baseMapLayer = new MVTLayer({
     name: 'mvt-world-layer',
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     },
     style: {
         backgroundColor: '#ECE0CA',

diff --git a/packages/playground/examples/display/pointer_listener.ts b/packages/playground/examples/display/pointer_listener.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/display/switch_layers_display_order.ts b/packages/playground/examples/display/switch_layers_display_order.ts
@@ -9,7 +9,7 @@ var layers = [
         min: 1,
         max: 20,
         remote: {
-            url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+            url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
         }
     }),
     new TileLayer({

diff --git a/packages/playground/examples/display/take_a_screenshot.ts b/packages/playground/examples/display/take_a_screenshot.ts
@@ -8,7 +8,7 @@ var layers = [
         min: 1,
         max: 20,
         remote: {
-            url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+            url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
         }
     })
 ];

diff --git a/packages/playground/examples/display/visualize_space_layer.ts b/packages/playground/examples/display/visualize_space_layer.ts
@@ -12,7 +12,7 @@ const display = new Map(document.getElementById('map'), {
         // create a MVTLayer to act as the "basemap" (background layer)
         new MVTLayer({
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         })
     ]

diff --git a/packages/playground/examples/editor/add_contextmenu.ts b/packages/playground/examples/editor/add_contextmenu.ts
@@ -93,7 +93,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/add_remove_object_layer.ts b/packages/playground/examples/editor/add_remove_object_layer.ts
@@ -120,7 +120,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/add_road.ts b/packages/playground/examples/editor/add_road.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let lineLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/change_road_name.ts b/packages/playground/examples/editor/change_road_name.ts
@@ -95,7 +95,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/create_address.ts b/packages/playground/examples/editor/create_address.ts
@@ -130,7 +130,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/create_navlink.ts b/packages/playground/examples/editor/create_navlink.ts
@@ -88,7 +88,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/create_place.ts b/packages/playground/examples/editor/create_place.ts
@@ -128,7 +128,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/crossing_detect.ts b/packages/playground/examples/editor/crossing_detect.ts
@@ -95,7 +95,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/custom_provider.ts b/packages/playground/examples/editor/custom_provider.ts
@@ -127,7 +127,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/drag_place_to_building.ts b/packages/playground/examples/editor/drag_place_to_building.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/edit_building.ts b/packages/playground/examples/editor/edit_building.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/edit_line_3d.ts b/packages/playground/examples/editor/edit_line_3d.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let lineLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/edit_point_3d.ts b/packages/playground/examples/editor/edit_point_3d.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 const pointLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/hello_world.ts b/packages/playground/examples/editor/hello_world.ts
@@ -28,7 +28,7 @@ const display = new Map(document.getElementById('map'), {
             min: 1,
             max: 20,
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             }
         }),
         // add the TileLayer to the display

diff --git a/packages/playground/examples/editor/hover_highlight_connected_navlink.ts b/packages/playground/examples/editor/hover_highlight_connected_navlink.ts
@@ -8,7 +8,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let lineLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/observe_change_history.ts b/packages/playground/examples/editor/observe_change_history.ts
@@ -6,7 +6,7 @@ import {Editor} from '@here/xyz-maps-editor';
 let backgroundLayer = new MVTLayer({
     min: 1, max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let myLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/pointer_listener.ts b/packages/playground/examples/editor/pointer_listener.ts
@@ -129,7 +129,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 

diff --git a/packages/playground/examples/editor/range_selector.ts b/packages/playground/examples/editor/range_selector.ts
@@ -92,7 +92,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/select_shapes.ts b/packages/playground/examples/editor/select_shapes.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let lineLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/select_specific_navlink.ts b/packages/playground/examples/editor/select_specific_navlink.ts
@@ -92,7 +92,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let myLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/transform_road.ts b/packages/playground/examples/editor/transform_road.ts
@@ -7,7 +7,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/editor/turn_restriction_editor.ts b/packages/playground/examples/editor/turn_restriction_editor.ts
@@ -92,7 +92,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let navlinkLayer = new TileLayer({

diff --git a/packages/playground/examples/layer/3d_buildings.ts b/packages/playground/examples/layer/3d_buildings.ts
@@ -10,7 +10,7 @@ const display = new Map(document.getElementById('map'), {
         new MVTLayer({
             name: 'mvt-world-layer',
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             },
             style: {
                 backgroundColor: '#555555',

diff --git a/packages/playground/examples/layer/3d_lines.ts b/packages/playground/examples/layer/3d_lines.ts
@@ -5,7 +5,7 @@ import {Map} from '@here/xyz-maps-display';
 var baseMapLayer = new MVTLayer({
     name: 'mvt-world-layer',
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     },
     style: {
         backgroundColor: '#ECE0CA',

diff --git a/packages/playground/examples/layer/3d_points.ts b/packages/playground/examples/layer/3d_points.ts
@@ -22,7 +22,7 @@ const display = new Map(document.getElementById('map'), {
         min: 1,
         max: 20,
         remote: {
-            url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+            url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
         }
     })]
 });

diff --git a/packages/playground/examples/layer/Heatmap.ts b/packages/playground/examples/layer/Heatmap.ts
@@ -13,7 +13,7 @@ const display = new Map(document.getElementById('map'), {
         new MVTLayer({
             name: 'mvt-world-layer',
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
             },
             min: 1,
             max: 20,

diff --git a/packages/playground/examples/layer/MVTLayer.ts b/packages/playground/examples/layer/MVTLayer.ts
@@ -12,7 +12,7 @@ const display = new Map(document.getElementById('map'), {
         new MVTLayer({
             name: 'mvt-world-layer',
             remote: {
-                url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+                url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
                 // optional settings:
                 // max  : 16,     // max level for loading data
                 // min  : 1       // min level for loading data

diff --git a/packages/playground/examples/layer/add_remove_building_feature.ts b/packages/playground/examples/layer/add_remove_building_feature.ts
@@ -6,7 +6,7 @@ let backgroundLayer = new MVTLayer({
     min: 1,
     max: 20,
     remote: {
-        url: 'https://xyz.api.here.com/tiles/osmbase/512/all/{z}/{x}/{y}.mvt?access_token=' + YOUR_ACCESS_TOKEN
+        url: 'https://vector.hereapi.com/v2/vectortiles/base/mc/{z}/{x}/{y}/omv?apikey=' + YOUR_API_KEY
     }
 });
 let buildingLayer = new TileLayer({