Updated indoor-map example to work with latest indoor js maps api changes

bernardmendonca · bernardmendonca · commit fa4c6623fa9a · 2022-05-24T10:35:07.000+05:30
diff --git a/indoor-map/demo.html b/indoor-map/demo.html
@@ -40,14 +40,17 @@
   <body>
     <h1>Show an Indoor Map</h1>
     <p>
-		The Indoor Maps module facilitates access to your private indoor maps including full JSON models as well as routing between indoor and outdoor points. The HERE Indoor Maps API also provides information about indoor spaces, buildings, level geometry and points of interest.
+		The Indoor Maps module facilitates access to your private indoor maps including full JSON models. The HERE Indoor Maps API also provides information about indoor spaces, buildings, level geometry and points of interest.
     </p>
 	
      <p>
       More information on the use of the HERE Indoor Maps API is available <a href="https://developer.here.com/documentation/maps/dev_guide/topics/venues.html" target="_blank">here</a>.
     </p>
 	
-    <p>This example shows an Indoor Map of the <b>Zurich Airport</b>.
+    <p>
+      This example shows an Indoor Map of the <b>Zurich Airport (7348)</b>. 
+      This example also works with Tiefgarage Riem Arcaden APCOA parking garage (27158) and Mall of Berlin (22766)
+    </p>
 	
     <div id="map"></div>
     <h3>Code</h3>
diff --git a/indoor-map/demo.js b/indoor-map/demo.js
@@ -5,20 +5,28 @@
  */
 function addVenueToMap(map) {
   // Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
-  const venuesService = platform.getVenuesService({ apikey: 'QICW7garcjxE7C7sSguJcNolMZXqYCJ9m5o6Qq3ygjg' });
+  const venuesService = platform.getVenuesService({ apikey: 'ZKBUeAgkzH4JWhg93AA7cIE_kZotbMGhVI0_UYC0COY', 
+    hrn: 'hrn:here:data::org651595200:indoormap-ed6d5667-cfe0-4748-bbf5-88b00e7e3b21-collection' }, 2);
 
   // Indoor Maps provider interacts with a tile layer to visualize and control the Indoor Map
   const venuesProvider = new H.venues.Provider();
 
   // Indoor Maps service provides a loadVenue method
-  venuesService.loadVenue(7348).then((venue) => {
+  // This example works for maps:
+  // 7348 - Zurich Airport
+  // 27158 - Tiefgarage Riem Arcaden APCOA Parking garage
+  // 22766 - Mall of Berlin
+  venuesService.loadVenue('7348').then((venue) => {
     // add Indoor Maps data to the Indoor Maps provider
     venuesProvider.addVenue(venue);
     venuesProvider.setActiveVenue(venue);
 
     // create a tile layer for the Indoor Maps provider
     map.addLayer(new H.map.layer.TileLayer(venuesProvider));
 
+    // Set center of the map view to the center of the venue
+    map.setCenter(venue.getCenter());
+
     // optionally select a different level
     venue.setActiveDrawing(7880);
 
