Skip to content

Commit 88f5fd1

Browse files
authored
Merge pull request #112592 from stevemunk/set-map-style-ios-sdk
Improved grammar in article: Set map style iOS SDK
2 parents d3a58a2 + 76ab88a commit 88f5fd1

File tree

1 file changed

+17
-13
lines changed

1 file changed

+17
-13
lines changed

articles/azure-maps/set-map-style-ios-sdk.md

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,22 +3,20 @@ title: Set a map style in iOS maps | Microsoft Azure Maps
33
description: Learn two ways of setting the style of a map. See how to use the Azure Maps iOS SDK in either the layout file or the activity class to adjust the style.
44
author: dubiety
55
ms.author: yuchungchen
6-
ms.date: 10/22/2021
6+
ms.date: 07/22/2023
77
ms.topic: how-to
88
ms.service: azure-maps
99
services: azure-maps
1010
---
1111

1212
# Set map style in the iOS SDK (Preview)
1313

14-
This article shows you two ways to set map styles using the Azure Maps iOS SDK. Azure Maps has six different maps styles to choose from. For more information about supported map styles, see [supported map styles in Azure Maps](supported-map-styles.md).
14+
This article shows you two ways to set map styles using the Azure Maps iOS SDK. Azure Maps has six different maps styles to choose from. For more information about supported map styles, see [supported map styles in Azure Maps].
1515

1616
## Prerequisites
1717

18-
Be sure to complete the steps in the [Quickstart: Create an iOS app](quick-ios-app.md) document.
19-
20-
> [!IMPORTANT]
21-
> The procedure in this section requires an Azure Maps account in Gen 1 or Gen 2 pricing tier. For more information on pricing tiers, see [Choose the right pricing tier in Azure Maps](choose-pricing-tier.md).
18+
- Complete the [Create an iOS app] quickstart.
19+
- An [Azure Maps account].
2220

2321
## Set map style in the map control init
2422

@@ -74,7 +72,7 @@ map.setCameraOptions([
7472
])
7573
```
7674

77-
Often it is desirable to focus the map over a set of data. A bounding box can be calculated from features using the `BoundingBox.fromData(_:)` method and can be passed into the `bounds` option of the map camera. When setting a map view based on a bounding box, it's often useful to specify a `padding` value to account for the point size of data points being rendered as bubbles or symbols. The following code shows how to set all optional camera options when using a bounding box to set the position of the camera.
75+
Often it's desirable to focus the map over a set of data. A bounding box can be calculated from features using the `BoundingBox.fromData(_:)` method and can be passed into the `bounds` option of the map camera. When setting a map view based on a bounding box, it's often useful to specify a `padding` value to account for the point size of data points being rendered as bubbles or symbols. The following code shows how to set all optional camera options when using a bounding box to set the position of the camera.
7876

7977
```swift
8078
//Set the camera of the map using a bounding box.
@@ -90,16 +88,16 @@ map.setCameraBoundsOptions([
9088
])
9189
```
9290

93-
The aspect ratio of a bounding box may not be the same as the aspect ratio of the map, as such the map will often show the full bounding box area, but will often only be tight vertically or horizontally.
91+
The aspect ratio of a bounding box may not be the same as the aspect ratio of the map, as such the map often shows the full bounding box area, and are often only tight vertically or horizontally.
9492

9593
### Animate map view
9694

9795
When setting the camera options of the map, animation options can also be used to create a transition between the current map view and the next. These options specify the type of animation and duration it should take to move the camera.
9896

9997
| Option | Description |
10098
|--------|-------------|
101-
| `animationDuration(_ duration: Double)` | Specifies how long the camera will animate between the views in milliseconds (ms). |
102-
| `animationType(_ animationType: AnimationType)` | Specifies the type of animation transition to perform.<br/><br/> - `.jump` - an immediate change.<br/> - `.ease` - gradual change of the camera's settings.<br/> - `.fly` - gradual change of the camera's settings following an arc resembling flight. |
99+
| `animationDuration(_ duration: Double)` | Specifies how long the camera animates between the views in milliseconds (ms). |
100+
| `animationType(_ animationType: AnimationType)` | Specifies the type of animation transition to perform.<br><br> - `.jump` - an immediate change.<br> - `.ease` - gradual change of the camera's settings.<br> - `.fly` - gradual change of the camera's settings following an arc resembling flight. |
103101

104102
The following code shows how to animate the map view using a `.fly` animation over a duration of three seconds.
105103

@@ -112,13 +110,19 @@ map.setCameraOptions([
112110
])
113111
```
114112

115-
The following demonstrates the above code animating the map view from New York to Seattle.
113+
The following animation demonstrates the above code animating the map view from New York to Seattle.
116114

117115
:::image type="content" source="./media/ios-sdk/set-map-style-ios/ios-animate-camera.gif" alt-text="Map animating the camera from New York to Seattle.":::
118116

119117
## Additional information
120118

121119
See the following articles for more code samples to add to your maps:
122120

123-
- [Add a symbol layer](add-symbol-layer-ios.md)
124-
- [Add a bubble layer](add-bubble-layer-map-ios.md)
121+
- [Add a symbol layer]
122+
- [Add a bubble layer]
123+
124+
[Add a bubble layer]: add-bubble-layer-map-ios.md
125+
[Add a symbol layer]: add-symbol-layer-ios.md
126+
[Azure Maps account]: https://azure.microsoft.com/services/azure-maps
127+
[Create an iOS app]: quick-ios-app.md
128+
[supported map styles in Azure Maps]: supported-map-styles.md

0 commit comments

Comments
 (0)