updated meta.json

Author: iamravisingh

indoor-map-with-pedestrian-route-from-a-to-b/demo.css renamed to indoor-map-with-route-from-a-to-b/demo.css

@@ -1,6 +1,6 @@
 ---
- name: Displaying an Indoor Map
- description: Use Here Indoor Maps service to load and visualize an indoor map
+ name: Indoor Map with Route from A to B
+ description: Use Here Indoor Maps service to calculate route on a indoor map
  resources:
    - https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js
  normalize_css: no

indoor-map-with-pedestrian-route-from-a-to-b/demo.details renamed to indoor-map-with-route-from-a-to-b/demo.details

@@ -5,12 +5,12 @@
     <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
     <meta name="description" content="Use the HERE Indoor Maps API to load and visualize an indoor map">
     <title>Indoor Map with Driving Route from A to B</title>
-    <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
-    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
-    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
-    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
-    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
-    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-venues.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.2/mapsjs-ui.css" />
+    <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-core.js"></script>
+    <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-mapevents.js"></script>
+    <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-service.js"></script>
+    <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-ui.js"></script>
+    <script type="text/javascript" src="https://js.api.here.com/v3/3.2/mapsjs-venues.js"></script>
     <link rel="stylesheet" type="text/css" href="../template.css" />
     <link rel="stylesheet" type="text/css" href="demo.css" />
     <script type="text/javascript" src='../test-credentials.js'></script>
@@ -45,7 +45,7 @@ <h1>Show routes on Indoor Map</h1>
     </p>
 
      <p>
-      More information on the use of the HERE Indoor Maps API is available <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide/page/topics/indoor-maps.html" target="_blank">here</a>.
+      More information on the use of the HERE Indoor Maps API is available <a href="https://www.here.com/docs/bundle/maps-api-for-javascript-developer-guide-3.2/page/topics/indoor-maps.html" target="_blank">here</a>.
     </p>
 
     <p>
@@ -56,8 +56,8 @@ <h1>Show routes on Indoor Map</h1>
     <div id="map"></div>
     <h3>Code</h3>
     <p>
-      The example shows loading the Indoor Map using <code>H.venues.Service2</code> and renders the indoor map using an instance of <code>H.venues.Provider</code>.<br>
-      <p>Access to the routing service is obtained from the <code>H.venues.Service2</code> by calling
+      The example shows loading the Indoor Map using <code>H.venues.Service</code> and renders the indoor map using an instance of <code>H.venues.Provider</code>.<br>
+      <p>Access to the routing service is obtained from the <code>H.venues.Service</code> by calling
         <code>calculateRoute(routeParams)</code>. The <code>calculateRoute()</code> method is used to calculate the shortest
         pedestrian route by passing in the relevant parameters as defined in
         <a href="https://www.here.com/docs/bundle/indoor-routing-api-v1-api-reference/page/index.html#tag/Indoor-Routing/operation/getRoute" target="_blank">Indoor Routing API</a>.

indoor-map-with-pedestrian-route-from-a-to-b/demo.html renamed to indoor-map-with-route-from-a-to-b/demo.html

@@ -2,29 +2,26 @@
  * Example for Indoor Map for JSMapsApi.
  */
 
-// Replace with your HERE platform app api key
-const yourApikey = 'ZKBUeAgkzH4JWhg93AA7cIE_kZotbMGhVI0_UYC0COY';
-
 // Replace with your indoor map platform collection hrn
-const indoorMapHrn = 'hrn:here:data::org651595200:indoormap-ed6d5667-cfe0-4748-bbf5-88b00e7e3b21-collection';
+var indoorMapHrn = 'hrn:here:data::org651595200:indoormap-ed6d5667-cfe0-4748-bbf5-88b00e7e3b21-collection';
 
-const venuesProvider = null
-const venuesService = null
+var venuesProvider = null
+var venuesService = null
 // Specify the venue ID for your map. Examples of the map ID mentioned below.
 // For legacy maps, you can continue to use the numeric value. 
 // Examples:
 // indoormap-00000000-0000-4000-a000-000000007348 for Zurich Airport (legacy id 7348) 
 // indoormap-00000000-0000-4000-a000-000000027158 for Tiefgarage Riem Arcaden APCOA Parking garage (legacy id 27158) 
 // indoormap-00000000-0000-4000-a000-000000022766 for Mall of Berlin (legacy id 22766)
-const venueId = 'indoormap-00000000-0000-4000-a000-000000007348';
+var venueId = 'indoormap-00000000-0000-4000-a000-000000022766';
 
 // Set to false if base map is not needed to be displayed.
-const showBaseMap = true;
+var showBaseMap = true;
 
 // Optional, list of label text preferences to override.
-const labelTextPreferenceOverride = [
-  H.venues.Service2.LABEL_TEXT_PREFERENCE_OVERRIDE.OCCUPANT_NAMES,
-  H.venues.Service2.LABEL_TEXT_PREFERENCE_OVERRIDE.SPACE_NAME
+var labelTextPreferenceOverride = [
+  H.venues.Service.LABEL_TEXT_PREFERENCE_OVERRIDE.OCCUPANT_NAMES,
+  H.venues.Service.LABEL_TEXT_PREFERENCE_OVERRIDE.SPACE_NAME
 ]
 
 /**
@@ -38,14 +35,8 @@ function addVenueToMap(map, platform) {
   venuesProvider = new H.venues.Provider();
 
   // Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
-  venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn }, 2);
-
-  // Use venuesService.getMapInfoList to retrieve the list of Indoor maps from the given HRN
-  venuesService.getMapInfoList().then(mapInfoList => {
-    mapInfoList.forEach(mapInfo => {
-      console.log("Indoor map id: " + mapInfo.mapId + ", map name: " + mapInfo.mapName);
-    });
-  });
+  // In your own code, replace variable "yourToken" with your own token to access indoor routing. 
+  venuesService = platform.getVenuesService({ token: "yourToken", hrn: indoorMapHrn });
 
   // Indoor Maps service provides a loadVenue method. Optionally, overriding the label preferences
   venuesService.loadVenue(venueId, { labelTextPreferenceOverride }).then((venue) => {
@@ -54,7 +45,7 @@ function addVenueToMap(map, platform) {
     venuesProvider.setActiveVenue(venue);
 
     // create a tile layer for the Indoor Maps provider
-    const venueLayer = new H.map.layer.TileLayer(venuesProvider);
+    var venueLayer = new H.map.layer.TileLayer(venuesProvider);
     if (showBaseMap) {
       // Add venueLayer to the base layer
       map.addLayer(venueLayer);
@@ -67,11 +58,11 @@ function addVenueToMap(map, platform) {
     map.setCenter(venue.getCenter());
 
     // Create a level control
-    const levelControl = new H.venues.ui.LevelControl(venue);
+    var levelControl = new H.venues.ui.LevelControl(venue);
     ui.addControl('level-control', levelControl);
 
     // Create a drawing control:
-    const drawingControl = new H.venues.ui.DrawingControl(venue);
+    var drawingControl = new H.venues.ui.DrawingControl(venue);
     ui.addControl('drawing-control', drawingControl);
   });
 }
@@ -86,11 +77,11 @@ function addVenueToMap(map, platform) {
 async function calculateIndoorRouteFromAtoB(map) {
 
   // Instantiate (and display) a map:
-  const origin = { lat: 47.45146718297871, lng: 8.56116163852909, levelId: "level-9050", venueId: "indoormap-00000000-0000-4000-a000-000000007348" };
-  const destination = { lat: 47.45264049318705, lng: 8.562764022046945, levelId: "level-9050", venueId: "indoormap-00000000-0000-4000-a000-000000007348" };
+  var origin = { lat: 47.45146718297871, lng: 8.56116163852909, levelId: "level-9050", venueId: "indoormap-00000000-0000-4000-a000-000000007348" };
+  var destination = { lat: 47.45264049318705, lng: 8.562764022046945, levelId: "level-9050", venueId: "indoormap-00000000-0000-4000-a000-000000007348" };
 
   // Create the parameters for the indoor routing request:
-  const routingParameters = {
+  var routingParameters = {
     routingMode: "fast",
     transportMode: "pedestrian",
     // The start point of the route:
@@ -99,17 +90,17 @@ async function calculateIndoorRouteFromAtoB(map) {
     destination: `${destination.lat},${destination.lng},${destination.levelId},${destination.venueId}`,
   };
   try{
-    const res = await venuesService.calculateRoute(routingParameters);
+    var res = await venuesService.calculateRoute(routingParameters);
     if (res?.routes && res.routes.length > 0) {
       // Create route objects using route response data
-      const route = new H.venues.Route2(res.routes[0]);
+      var route = new H.venues.Route(res.routes[0]);
       // Link route map objects with venue levels for automatic visibility updates:
-      const indoorObjects = route.getIndoorObjects();
+      var indoorObjects = route.getIndoorObjects();
 
       for (let venueId in indoorObjects) {
         for (let levelIndex in indoorObjects[venueId]) {
-          const venue = venuesProvider.getVenue(venueId);
-          const objectGroup = indoorObjects[venueId][levelIndex];
+          var venue = venuesProvider.getVenue(venueId);
+          var objectGroup = indoorObjects[venueId][levelIndex];
           map.addObject(objectGroup);
           venue.setMapObjects(objectGroup.getObjects(), levelIndex);
         }
@@ -127,7 +118,7 @@ async function calculateIndoorRouteFromAtoB(map) {
 // Step 1: initialize communication with the platform
 // In your own code, replace variable window.apikey with your own apikey
 var platform = new H.service.Platform({
-  apikey: yourApikey
+  apikey: window.apikey
 });
 var defaultLayers = platform.createDefaultLayers();
 

indoor-map-with-pedestrian-route-from-a-to-b/demo.js renamed to indoor-map-with-route-from-a-to-b/demo.js

@@ -454,6 +454,12 @@
                             "title": "Indoor Map - Restrict map movement",
                             "shortDescription": "Indoor Map - Restrict map movement",
                             "published": true
+                        },
+                        {
+                            "uid": "indoor-map-with-route-from-a-to-b",
+                            "title": "Indoor Map with Route from A to B",
+                            "shortDescription": "Use Here Indoor Maps service to calculate route on a indoor map",
+                            "published": true
                         }
                     ]
                 }