You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-create-custom-styles.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,14 +10,14 @@ ms.service: azure-maps
10
10
services: azure-maps
11
11
---
12
12
13
-
# Create custom styles for indoor maps (Preview)
13
+
# Create custom styles for indoor maps (preview)
14
14
15
15
When you create an indoor map using Azure Maps Creator, default styles are applied. This article discusses how to customize these styling elements.
16
16
17
17
## Prerequisites
18
18
19
-
1. Understanding of [Creator concepts](creator-indoor-maps.md).
20
-
1. An Azure Maps Creator [tileset][tileset]. If you have never used Azure Maps Creator to create an indoor map, you might find the [Use Creator to create indoor maps][tutorial] tutorial helpful.
19
+
- Understanding of [Creator concepts](creator-indoor-maps.md).
20
+
- An Azure Maps Creator [tileset][tileset]. If you have never used Azure Maps Creator to create an indoor map, you might find the [Use Creator to create indoor maps][tutorial] tutorial helpful.
21
21
22
22
## Create custom styles using Creators visual editor
23
23
@@ -83,7 +83,7 @@ To change the background color for all units in the specified layer, put your mo
83
83
84
84
Open the color palette and select the color you wish to change the selected unit to.
85
85
86
-
:::image type="content" source="./media/creator-indoor-maps/style-editor/visual-editor-select-color-palate.png" alt-text="A screenshot of the color pallet in the visual style editor." lightbox="./media/creator-indoor-maps/style-editor/visual-editor-select-color-palate.png":::
86
+
:::image type="content" source="./media/creator-indoor-maps/style-editor/visual-editor-select-color-palette.png" alt-text="A screenshot of the color pallet in the visual style editor." lightbox="./media/creator-indoor-maps/style-editor/visual-editor-select-color-palette.png":::
Copy file name to clipboardExpand all lines: articles/azure-maps/how-to-use-indoor-module.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,5 @@
1
1
---
2
-
title: Use the Azure Maps Indoor Maps module with Microsoft Creator services with custom styles (Preview)
2
+
title: Use the Azure Maps Indoor Maps module with Microsoft Creator services with custom styles (preview)
3
3
description: Learn how to use the Microsoft Azure Maps Indoor Maps module to render maps by embedding the module's JavaScript libraries.
4
4
author: stevemunk
5
5
ms.author: v-munksteve
@@ -10,18 +10,18 @@ services: azure-maps
10
10
ms.custom: devx-track-js
11
11
---
12
12
13
-
# Use the Azure Maps Indoor Maps module with custom styles (Preview)
13
+
# Use the Azure Maps Indoor Maps module with custom styles (preview)
14
14
15
15
The Azure Maps Web SDK includes the *Azure Maps Indoor* module, enabling you to render indoor maps created in Azure Maps Creator services.
16
16
17
17
When you create an indoor map using Azure Maps Creator, default styles are applied. Azure Maps Creator now also supports customizing the styles of the different elements of your indoor maps using the [Style Rest API](/rest/api/maps/v20220901preview/style), or the [visual style editor](https://azure.github.io/Azure-Maps-Style-Editor/).
1.[Map configuration][mapConfiguration] alias or ID. If you have never used Azure Maps Creator to create an indoor map, you might find the [Use Creator to create indoor maps][tutorial] tutorial helpful.
-[Map configuration][mapConfiguration] alias or ID. If you have never used Azure Maps Creator to create an indoor map, you might find the [Use Creator to create indoor maps][tutorial] tutorial helpful.
25
25
26
26
You'll need the map configuration `alias` (or `mapConfigurationId`) to render indoor maps with custom styles via the Azure Maps Indoor Maps module.
27
27
@@ -88,7 +88,7 @@ const map = new atlas.Map("map-id", {
88
88
89
89
To load the indoor map style of the tiles, you must instantiate the *Indoor Manager*. Instantiate the *Indoor Manager* by providing the *Map object*. 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.
90
90
91
-
```javascript
91
+
```javascriptf
92
92
const statesetId = "<statesetId>";
93
93
94
94
const indoorManager = new atlas.indoor.IndoorManager(map, {
@@ -110,7 +110,7 @@ if (statesetId.length > 0) {
110
110
}
111
111
```
112
112
113
-
## Indoor Level Picker Control
113
+
## Indoor level picker control
114
114
115
115
The *Indoor Level Picker* control allows you to change the level of the rendered map. You can optionally initialize the *Indoor Level Picker* control via the *Indoor Manager*. Here's the code to initialize the level control picker:
The *Azure Maps Indoor* module supports *Map object* events. The *Map object* event listeners are invoked when a level or facility has changed. If you want to run code when a level or a facility have changed, place your code inside the event listener. The code below shows how event listeners can be added to the *Map object*.
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.
141
141
142
-
## Example: Custom Styling: Consume map configuration in WebSDK (Preview)
142
+
## Example: custom styling: consume map configuration in WebSDK (preview)
143
143
144
144
When you create an indoor map using Azure Maps Creator, default styles are applied. Azure Maps Creator now also supports customizing your indoor styles. For more information, see [Create custom styles for indoor maps](how-to-create-custom-styles.md). Creator also offers a [visual style editor][visual style editor].
Copy file name to clipboardExpand all lines: articles/azure-maps/tutorial-creator-indoor-maps.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -340,7 +340,7 @@ To check the status of the tileset creation process and retrieve the `tilesetId`
340
340
341
341
:::image type="content" source="./media/tutorial-creator-indoor-maps/tileset-id.png" alt-text="A screenshot of Postman highlighting the tileset ID that is part of the value of the resource location URL in the responses header.":::
342
342
343
-
## The map configuration (Preview)
343
+
## The map configuration (preview)
344
344
345
345
Once your tileset creation completes, you can get the `mapConfigurationId` using the [tileset get](/rest/api/maps/v20220901preview/tileset/get) HTTP request:
0 commit comments