Skip to content

Commit 1f7927a

Browse files
committed
Rename venue to indoor map
Signed-off-by: Mihov, Viktor <[email protected]>
1 parent b9e8e0e commit 1f7927a

File tree

10 files changed

+57
-58
lines changed

10 files changed

+57
-58
lines changed

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ All of the following examples use **version 3.1** of the API
2121
* [DOM Marker rotation](https://heremaps.github.io/maps-api-for-javascript-examples/dom-marker-rotation/demo.html) - Rotate DOM Marker's content using CSS
2222
* [Display KML Data](https://heremaps.github.io/maps-api-for-javascript-examples/display-kml-on-map/demo.html) - Parse a KML file and display the data on a map
2323
* [Display GeoJSON Data](https://heremaps.github.io/maps-api-for-javascript-examples/display-geojson-on-map/demo.html) - Parse a GeoJSON file and display the data on a map
24-
* [Display Venues Data](https://heremaps.github.io/maps-api-for-javascript-examples/venues-on-map/demo.html) - Display Here Venues on a map
25-
* [Display Indoor Routing in Venue](https://heremaps.github.io/maps-api-for-javascript-examples/venues-routing/demo.html) - Add routing to Venue
24+
* [Display an Indoor Map](https://heremaps.github.io/maps-api-for-javascript-examples/indoor-map/demo.html) - Use the HERE Indoor Maps API to load and visualize an indoor map
25+
* [Display routing on an Indoor Map](https://heremaps.github.io/maps-api-for-javascript-examples/indoor-map-routing/demo.html) - Use the HERE Indoor Maps API to calculate an indoor-outdoor route
2626
* [Draggable Marker](https://heremaps.github.io/maps-api-for-javascript-examples/draggable-marker/demo.html) - Display a moveable marker on a map
2727
* [Draggable geo shapes](https://heremaps.github.io/maps-api-for-javascript-examples/draggable-shapes/demo.html) - Display moveable geometric shapes on a map
2828
* [Extruded geo shapes](https://heremaps.github.io/maps-api-for-javascript-examples/extruded-objects/demo.html) - 3D extrusion of the geometric shapes
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
name: Routing inside a Venues map
3-
description: Use Here Venues services to load a map a calculate a route between indoor spaces
2+
name: Routing with an Indoor Map
3+
description: Use Here Indoor Maps service to calculate an indoor-outdoor route
44
resources:
55
- https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js
66
normalize_css: no
Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
55
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
6-
<meta name="description" content="Use Here Venues API ot load and visualize data on the map">
7-
<title>Add Indoor Routing to Venue</title>
6+
<meta name="description" content="Use the HERE Indoor Maps API to calculate an indoor-outdoor route">
7+
<title>Display an indoor route</title>
88
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
99
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
1010
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
@@ -16,19 +16,17 @@
1616
<script type="text/javascript" src='../test-credentials.js'></script>
1717
</head>
1818
<body>
19-
<h1>Render a route inside a venue map</h1>
19+
<h1>Show a route on an Indoor Map</h1>
2020
<p>
21-
Using the Venues module facilitates access to provided indoor maps including full JSON models and routing between
22-
indoor points. The Venues APIs also provides information about indoor spaces, buildings, level geometry and points
23-
of interest.
21+
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.
2422
</p>
2523

2624
<p>
27-
More information about the use of Venues API can be found <a href="https://developer.here.com/documentation/maps/dev_guide/topics/venues.html" target="_blank">here</a>.
25+
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>.
2826
</p>
2927

3028
<p>
31-
This example shows a map of <b>Zurich Airport</b> and a route between 2 points within the venue, one inside the building, the other outside.
29+
This example shows an Indoor Map of the <b>Zurich Airport</b> as well as a route between indoor and outdoor points.
3230
</p>
3331

3432
<div id="map">
@@ -37,8 +35,7 @@ <h1>Render a route inside a venue map</h1>
3735

3836
<h3>Code</h3>
3937
<p>
40-
The example shows loading of an indoor map and route calculation using <code>H.venues.Service</code>, then rendering the map
41-
with the use of <code>H.venues.Provider</code>.
38+
The example shows loading an Indoor Map, route calculation using <code>H.venues.Service</code> and then visualizing the calculated route on the map using <code>H.venues.Provider</code>.
4239
</p>
4340
<script type="text/javascript" src='demo.js'></script>
4441
</body>
Lines changed: 14 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
11
/**
2-
* Load and add venue data on the map.
2+
* Load and add Indoor Map data on the map.
33
*
44
* @param {H.Map} map A HERE Map instance
55
*/
66
function addVenueToMap(map) {
7-
// Venues service provides a loadVenue method
7+
// Indoor Maps service provides a loadVenue method
88
venuesService.loadVenue(7348).then((venue) => {
9-
// add venue data to venues provider
9+
// add Indoor Maps data to the Indoor Maps provider
1010
venuesProvider.addVenue(venue);
1111
venuesProvider.setActiveVenue(venue);
1212

13-
// create a tile layer for the venues provider
13+
// create a tile layer for the Indoor Maps provider
1414
map.addLayer(new H.map.layer.TileLayer(venuesProvider));
1515

16-
// optionally select a different drawing/level
16+
// optionally select a different level
1717
venue.setActiveDrawing(7880);
1818

19-
// create level control
19+
// create a level control
2020
const levelControl = new H.venues.ui.LevelControl(venue);
2121
ui.addControl('level-control', levelControl);
2222

23-
// create drawing control:
23+
// create a drawing control:
2424
const drawingControl = new H.venues.ui.DrawingControl(venue);
2525
ui.addControl('drawing-control', drawingControl);
2626
});
2727
}
2828

2929
/**
30-
* Calculate a route and add result to map.
30+
* Calculate a route and add result to the map.
3131
*
3232
* @param {H.map} map
3333
*/
@@ -42,7 +42,7 @@ function addRouteToMap(map) {
4242
const route = new H.venues.Route(result.routes[0]);
4343

4444
const indoorObjects = route.getIndoorObjects();
45-
// Link route map objects with venue levels for automatic visibility updates:
45+
// Link route map objects with the Indoor Map levels for automatic visibility updates:
4646
for (let venueId in indoorObjects) {
4747
for (let levelIndex in indoorObjects[venueId]) {
4848
const venue = venuesProvider.getVenue(venueId);
@@ -86,17 +86,16 @@ var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
8686
// Step 4: create the default UI component, for displaying bubbles
8787
var ui = H.ui.UI.createDefault(map, defaultLayers);
8888

89+
// Step 5: load the indoor map data
8990

90-
// Step 5: load venue data
91-
92-
// Get instance of venues service using valid apikey for venues
91+
// Get the instance of the Indoor Maps service using a valid apikey for Indoor Maps
9392
var venuesService = platform.getVenuesService({ apikey: 'L7yi9YzsZUJMSMavFOYIL7yqWoUcTicYqYNxMOkox84' });
9493

95-
// Venues provider interacts with tile layer to visualize and control the venue map
94+
// Indoor Maps provider interacts with the tile layer to visualize and control the Indoor Map
9695
var venuesProvider = new H.venues.Provider();
9796

98-
// Load venue
97+
// Add the Indoor Map
9998
addVenueToMap(map);
10099

101-
// Step 6: calculate a route
100+
// Step 6: Add a route to the Indoor Map
102101
addRouteToMap(map);
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
name: Displaying Venues on map
3-
description: Use Here Venues services to load and visualize an indoor data
2+
name: Displaying an Indoor Map
3+
description: Use Here Indoor Maps service to load and visualize an indoor map
44
resources:
55
- https://heremaps.github.io/maps-api-for-javascript-examples/test-credentials.js
66
normalize_css: no
Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
<head>
44
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
55
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
6-
<meta name="description" content="Use Here Venues API ot load and visualize data on the map">
7-
<title>Display Venues on map</title>
6+
<meta name="description" content="Use the HERE Indoor Maps API to load and visualize an indoor map">
7+
<title>Display an Indoor Map</title>
88
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
99
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
1010
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
@@ -38,19 +38,22 @@
3838
</style>
3939
</head>
4040
<body>
41-
<h1>Display Venues</h1>
42-
<p>Using the Venues module facilitates access to given indoor maps including full JSON models. The Venues APIs
43-
provide information about the indoor spaces, including buildings, level geometry and points of interest.
41+
<h1>Show an Indoor Map</h1>
42+
<p>
43+
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.
44+
</p>
45+
46+
<p>
47+
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>.
4448
</p>
45-
<p>More information about the use of Venues API can be found <a href="https://developer.here.com/documentation/maps/dev_guide/topics/venues.html" target="_blank">here</a>.</p>
46-
<p>This example shows a map of <b>Zurich Airport</b>.
49+
50+
<p>This example shows an Indoor Map of the <b>Zurich Airport</b>.
51+
4752
<div id="map"></div>
4853
<h3>Code</h3>
4954
<p>
50-
The example shows loading of indoor information using <code>H.venues.Service</code> and renders the indoor map
51-
using an instance of <code>H.venues.Provider</code>.<br> It also shows usage of venue related ui controls to
52-
change levels and buildings using respectively <code>H.venues.ui.LevelControl</code> and
53-
<code>H.venues.ui.DrawingControl</code>.
55+
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>
56+
The example also shows the usage of the indoor map related UI controls to change levels and buildings using <code>H.venues.ui.LevelControl</code> and <code>H.venues.ui.DrawingControl</code> respectively.
5457
</p>
5558
<script type="text/javascript" src='demo.js'></script>
5659
</body>
Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
/**
2-
* Load and add venue data on the map.
2+
* Load and add indoor data on the map.
33
*
44
* @param {H.Map} map A HERE Map instance
55
*/
66
function addVenueToMap(map) {
7-
// Get instance of venues service using valid apikey for venues
7+
// Get an instance of the Indoor Maps service using a valid apikey for Indoor Maps
88
const venuesService = platform.getVenuesService({ apikey: 'QICW7garcjxE7C7sSguJcNolMZXqYCJ9m5o6Qq3ygjg' });
99

10-
// Venues provider interacts with tile layer to visualize and control the venue map
10+
// Indoor Maps provider interacts with a tile layer to visualize and control the Indoor Map
1111
const venuesProvider = new H.venues.Provider();
1212

13-
// Venues service provides a loadVenue method
13+
// Indoor Maps service provides a loadVenue method
1414
venuesService.loadVenue(7348).then((venue) => {
15-
// add venue data to venues provider
15+
// add Indoor Maps data to the Indoor Maps provider
1616
venuesProvider.addVenue(venue);
1717
venuesProvider.setActiveVenue(venue);
1818

19-
// create a tile layer for the venues provider
19+
// create a tile layer for the Indoor Maps provider
2020
map.addLayer(new H.map.layer.TileLayer(venuesProvider));
2121

22-
// optionally select drawing/level
22+
// optionally select a different level
2323
venue.setActiveDrawing(7880);
2424

25-
// create level control
25+
// create a level control
2626
const levelControl = new H.venues.ui.LevelControl(venue);
2727
ui.addControl('level-control', levelControl);
2828

29-
// create drawing control:
29+
// create a drawing control:
3030
const drawingControl = new H.venues.ui.DrawingControl(venue);
3131
ui.addControl('drawing-control', drawingControl);
3232
});
@@ -61,5 +61,5 @@ var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
6161
// Step 4: create the default UI component, for displaying bubbles
6262
var ui = H.ui.UI.createDefault(map, defaultLayers);
6363

64-
// Step 5: load venue data
64+
// Step 5: add the Indoor Map
6565
addVenueToMap(map);

meta.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -108,15 +108,15 @@
108108
"published": true
109109
},
110110
{
111-
"uid": "venues-on-map",
112-
"title": "Display Venue data",
113-
"shortDescription": "Use Here Venues services to load and visualize an indoor data",
111+
"uid": "indoor-map",
112+
"title": "Display an Indoor Map",
113+
"shortDescription": "Use Here Indoor Maps service to load and visualize an indoor map",
114114
"published": true
115115
},
116116
{
117-
"uid": "venues-routing",
118-
"title": "Add routing to Venue",
119-
"shortDescription": "Use Here Venues services to visualize floor plans and route data between indoor spaces",
117+
"uid": "indoor-map-routing",
118+
"title": "Add routing to Indoor Map",
119+
"shortDescription": "Use Here Indoor Maps service to calculate an indoor-outdoor route",
120120
"published": true
121121
},
122122
{

0 commit comments

Comments
 (0)