Skip to content

Commit 9ebc172

Browse files
author
anastasia-ms
committed
indoor module acrolinx
1 parent 390ce5b commit 9ebc172

File tree

1 file changed

+4
-6
lines changed

1 file changed

+4
-6
lines changed

articles/azure-maps/how-to-use-indoor-module.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ To use the globally hosted Azure Content Delivery Network version of the *Azure
3535
<link rel="stylesheet" href="https://atlas.microsoft.com/sdk/javascript/indoor/0.1/atlas-indoor.min.css">
3636
```
3737

38-
Or, you can download the *Azure Maps Indoor* module which contains a client library for accessing Azure Maps services. Follow the steps below to install and load the *Azure Maps Indoor* module into your web application.
38+
Or, you can download the *Azure Maps Indoor* module. The *Azure Maps Indoor* module contains a client library for accessing Azure Maps services. Follow the steps below to install and load the *Indoor* module into your web application.
3939

4040
1. Download the [azure-maps-indoor package] (https://www.npmjs.com/package/azure-maps-indoor).
4141

@@ -72,7 +72,7 @@ First, create a *Map object*. The *Map object* will be used in the next step to
7272

7373
## Instantiate the Indoor Manager
7474

75-
To load the indoor tilesets and map style of the tiles, you must instantiate the *Indoor Manager*. Instantiate the *Indoor Manager* by providing the *Map object* and the corresponding `tilesetId`. If you wish to support [dynamic map styling](indoor-map-dynamic-styling.md), you must pass the `stateSetId`. Note that the `stateSetId` variable name is case sensitive. You code should like the JavaScript below.
75+
To load the indoor tilesets and map style of the tiles, you must instantiate the *Indoor Manager*. Instantiate the *Indoor Manager* by providing the *Map object* and the corresponding `tilesetId`. If you wish to support [dynamic map styling](indoor-map-dynamic-styling.md), you must pass the `stateSetId`. The `stateSetId` variable name is case-sensitive. Your code should like the JavaScript below.
7676

7777
```javascript
7878
const tilesetId = "";
@@ -131,8 +131,6 @@ map.events.add("facilitychanged", indoorManager, (eventData) => {
131131

132132
The `eventData` variable holds information about the level or facility that invoked the `levelchanged` or `facilitychanged` event, respectively. When a level changes, the `eventData` object will contain the `facilityId`, the new `levelNumber`, and other metadata. When a facility changes, the `eventData` object will contain the new `facilityId`, the new `levelNumber`, and other metadata.
133133

134-
You can incorporate this data in your web application. For example, you can keep a log of the facilities the user has visited. At the end of a session, you can ask the user to rate their experience at each facility. You can also visualize your facility's IoT devices at each level. Use the event handlers to reset and redraw the IoT devices whenever the level of the facility changes.
135-
136134
## Example: Use the Indoor Maps Module
137135

138136
This example shows you how to use the *Azure Maps Indoor* module in your web application. Although the example is limited in scope, it covers the basics of what you need to get started using the *Azure Maps Indoor* module. The complete HTML code is below these steps.
@@ -145,8 +143,8 @@ This example shows you how to use the *Azure Maps Indoor* module in your web app
145143

146144
4. Initialize a *Map object*. The *Map object* supports the following options:
147145
- `Subscription key` is your Azure Maps primary subscription key.
148-
- `center` defines a latitude and longitude for your indoor map center location. Provide a value for `center` if you do not want to provide a value for `bounds`. Format should appear as `center`: [-122.13315, 47.63637].
149-
- `bounds` is the smallest rectangular shape that encloses the tileset map data. Set a value for `bounds` if you do not want to set a value for `center`. You can find your map bounds by calling the [Tileset List API](https://docs.microsoft.com/rest/api/maps/tileset/listpreview). The Tileset List API returns the `bbox`, which you can parse and assign to `bounds`. Format should appear as `bounds`: [ # , # , # , # ].
146+
- `center` defines a latitude and longitude for your indoor map center location. Provide a value for `center` if you don't want to provide a value for `bounds`. Format should appear as `center`: [-122.13315, 47.63637].
147+
- `bounds` is the smallest rectangular shape that encloses the tileset map data. Set a value for `bounds` if you don't want to set a value for `center`. You can find your map bounds by calling the [Tileset List API](https://docs.microsoft.com/rest/api/maps/tileset/listpreview). The Tileset List API returns the `bbox`, which you can parse and assign to `bounds`. Format should appear as `bounds`: [ # , # , # , # ].
150148
- `style` allows you to set the color of the background. To display a white background, define `style` as "blank".
151149
- `zoom` allows you to specify the min and max zoom levels for your map.
152150

0 commit comments

Comments
 (0)