From 004f1fdcbb07b437dffdfd74d244d37fb2b21ba4 Mon Sep 17 00:00:00 2001
From: Ravi Singh <ravi.u.singh@here.com>
Date: Mon, 1 Sep 2025 16:19:42 +0530
Subject: [PATCH] WEBSDK-752: updated venues/indoor related example app for 3.2

---
 indoor-map-movement/demo.html       | 13 +++++++------
 indoor-map-movement/demo.js         |  2 +-
 indoor-map-ui-interaction/demo.html | 13 +++++++------
 indoor-map-ui-interaction/demo.js   |  2 +-
 indoor-map/demo.html                | 19 ++++++++++---------
 indoor-map/demo.js                  |  6 +++---
 6 files changed, 29 insertions(+), 26 deletions(-)

diff --git a/indoor-map-movement/demo.html b/indoor-map-movement/demo.html
index 7536ac9..8a77a8c 100644
--- a/indoor-map-movement/demo.html
+++ b/indoor-map-movement/demo.html
@@ -5,12 +5,13 @@
     <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>Display an Indoor Map</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-harp.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>
diff --git a/indoor-map-movement/demo.js b/indoor-map-movement/demo.js
index 29ed638..75c5375 100644
--- a/indoor-map-movement/demo.js
+++ b/indoor-map-movement/demo.js
@@ -23,7 +23,7 @@ const venueId = 'indoormap-00000000-0000-4000-a000-000000027158';
  */
 function addVenueToMap(map) {
   // Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
-  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn }, 2);
+  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn });
 
   // Indoor Maps service provides a loadVenue method
   venuesService.loadVenue(venueId).then((venue) => {
diff --git a/indoor-map-ui-interaction/demo.html b/indoor-map-ui-interaction/demo.html
index f75810e..790b443 100644
--- a/indoor-map-ui-interaction/demo.html
+++ b/indoor-map-ui-interaction/demo.html
@@ -5,12 +5,13 @@
     <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>Display an Indoor Map</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-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>
diff --git a/indoor-map-ui-interaction/demo.js b/indoor-map-ui-interaction/demo.js
index 5019031..66b73ef 100644
--- a/indoor-map-ui-interaction/demo.js
+++ b/indoor-map-ui-interaction/demo.js
@@ -25,7 +25,7 @@ var infoBubble;
  */
 function addVenueToMap(map) {
   // Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
-  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn }, 2);
+  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn });
 
   // Indoor Maps service provides a loadVenue method
   venuesService.loadVenue(venueId).then((venue) => {
diff --git a/indoor-map/demo.html b/indoor-map/demo.html
index caf00b2..bd680a3 100644
--- a/indoor-map/demo.html
+++ b/indoor-map/demo.html
@@ -5,12 +5,13 @@
     <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>Display an Indoor Map</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-harp.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>
@@ -55,13 +56,13 @@ <h1>Show an 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>
+      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>
 	    The example also shows how to:
       <ul>
-        <li>get the list of indoor maps from the given HRN using <code>H.venues.Service2.getMapInfoList()</code></li>
+        <li>get the list of indoor maps from the given HRN using <code>H.venues.Service.getMapInfoList()</code></li>
         <li>disable the base map while loading a indoor map using <code>H.Map.setBaseLayer(layer)</code></li>
         <li>switch to an indoor map level other than the default using <code>H.venues.Venue.setActiveLevelIndex(levelIndex)</code></li>
-        <li>override default indoor map label text preferences using <code>H.venues.Service2.LABEL_TEXT_PREFERENCE_OVERRIDE</code></li>
+        <li>override default indoor map label text preferences using <code>H.venues.Service.LABEL_TEXT_PREFERENCE_OVERRIDE</code></li>
       </ul>
     </p>
     <p>
diff --git a/indoor-map/demo.js b/indoor-map/demo.js
index 0e6d095..ac86416 100644
--- a/indoor-map/demo.js
+++ b/indoor-map/demo.js
@@ -27,8 +27,8 @@ const levelIndex = 1;
 
 // 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
+  H.venues.Service.LABEL_TEXT_PREFERENCE_OVERRIDE.OCCUPANT_NAMES,
+  H.venues.Service.LABEL_TEXT_PREFERENCE_OVERRIDE.SPACE_NAME
 ]
 
 /**
@@ -42,7 +42,7 @@ function addVenueToMap(map, platform) {
   const venuesProvider = new H.venues.Provider();
 
   // Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
-  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn }, 2);
+  const venuesService = platform.getVenuesService({ apikey: yourApikey, hrn: indoorMapHrn });
 
   // Use venuesService.getMapInfoList to retrieve the list of Indoor maps from the given HRN
   venuesService.getMapInfoList().then(mapInfoList => {