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/choose-map-style.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Change the style of the map in Azure Maps | Microsoft Azure Maps
3
-
description: In this article, you will learn about stylerelated functionalities available in Microsoft Azure Maps web SDK.
3
+
description: In this article, you will learn about style-related functionalities available in Microsoft Azure Maps web SDK.
4
4
author: farah-alyasari
5
5
ms.author: v-faalya
6
6
ms.date: 07/29/2019
@@ -12,11 +12,11 @@ manager: timlt
12
12
13
13
# Change the style of the map
14
14
15
-
The map supports several different [style options](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.styleoptions)which can be set when the map is being initialized or later using the maps `setStyle` function. This article shows how to use these style options to customize the how the map appears. Learn to set a style upon loading a map, and learn to set a new map style using the style picker control.
15
+
The map supports several different [style options](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.styleoptions)that can be set when the map is being initialized or later using the maps `setStyle` function. This article shows how to use these style options to customize the maps appearance. Learn to set a style upon loading a map, and learn to set a new map style using the style picker control.
16
16
17
17
## Set the style options
18
18
19
-
Style options can be passed into the map when it is initiallized or updated later using the maps `setStyle` function.
19
+
Style options can be passed into the map when it is initialized or updated later using the maps `setStyle` function.
20
20
21
21
```javascript
22
22
//Set the style options when creating the map.
@@ -50,7 +50,7 @@ One of the most common map style options is used to change the style of the base
50
50
### Set base map style on map load
51
51
52
52
53
-
The map style can be specifieid when initializing the map by setting the `style` option. In the following code, the `style` option of the map is set to `grayscale_dark` on initialization.
53
+
The map style can be specified when initializing the map by setting the `style` option. In the following code, the `style` option of the map is set to `grayscale_dark` on initialization.
54
54
55
55
```javascript
56
56
var map =newatlas.Map('map', {
@@ -95,7 +95,7 @@ The second layout option is called `list` and displays a scrollable list of map
95
95
</center>
96
96
97
97
98
-
The following code shows how to create an instance of the style picker control and add it to the top-right corner of the map. The style picker is set to have a dark style and show a selected few map styles using the list layer.
98
+
The following code shows how to create an instance of the style picker control and add it to the topright corner of the map. The style picker is set to have a dark style and show a selected few map styles using the list layer.
Copy file name to clipboardExpand all lines: articles/azure-maps/map-add-drawing-toolbar.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
@@ -65,7 +65,7 @@ Below is the complete running code sample of the functionality above:
65
65
66
66
## Change drawing rendering style
67
67
68
-
The style of the shapes that are drawn can be customized by retrieving the underlying layers of the drawing manager by using the `drawingManager.getLayers()` function and then setting options on the individual layers. The drag handles that appear for coordinates when editting a shape are HTML markers. The style of these drag handles can be customized by passing HTML marker options into the `dragHandleStyle` and `secondaryDragHandleStyle` options of the drawing manager.
68
+
The style of the shapes that are drawn can be customized by retrieving the underlying layers of the drawing manager by using the `drawingManager.getLayers()` function and then setting options on the individual layers. The drag handles that appear for coordinates when editing a shape are HTML markers. The style of the drag handles can be customized by passing HTML marker options into the `dragHandleStyle` and `secondaryDragHandleStyle` options of the drawing manager.
69
69
70
70
The following code gets the rendering layers from the drawing manager and modifies their options to change rendering style for drawing. In this case, points will be rendered with a blue marker icon. Lines will be red and four pixels wide. Polygons will have a green fill color and an orange outline. It then changes the styles of the drag handles to be square icons.
Copy file name to clipboardExpand all lines: articles/azure-maps/map-create.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -43,12 +43,12 @@ When the map is zoomed out on a wide screen, multiple copies of the world will a
43
43
44
44
## Map options
45
45
46
-
When creating a map there are several different types of options that can be passed in to customize how the map functions as listed below.
46
+
When creating a map there, are several different types of options that can be passed in to customize how the map functions as listed below.
47
47
48
48
-[CameraOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.cameraoptions) and [CameraBoundOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.cameraboundsoptions) are used to specify the area the map should display.
49
49
-[ServiceOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.serviceoptions) are used to specify how the map should interact with services that power the map.
50
50
-[StyleOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.styleoptions) are used to specify the map should be styled and rendered.
51
-
-[UserInteractionOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.userinteractionoptions) are used to specify how the map should reach when the user is iteracting with the map.
51
+
-[UserInteractionOptions](https://docs.microsoft.com/javascript/api/azure-maps-control/atlas.userinteractionoptions) are used to specify how the map should reach when the user is interacting with the map.
52
52
53
53
These options can also be updated after the map has been loaded using the `setCamera`, `setServiceOptions`, `setStyle`, and `setUserInteraction` functions.
0 commit comments