Maps
See Scenes (3D) in this guide for more information about working with scenes.
You can use a map to:
- Display a basemap layer
A basemap layer is the layer in a map or scene that displays basemap data. The data source for a basemap layer is typically a basemap service. such as streets or satellite imagery. - Access and display data layers
A data layer is a layer that references geographic data from a file or a service and is used to visualize the data in a map or scene. based on files or services, including data you have authored. - Provide context for temporary points, lines, polygons, or text displayed as graphics
A graphic is a visual element composed of a geometry, symbol, and attributes that is displayed on a map or scene. . - Inspect data layers and display information from attributes
Attributes are fields and values for a single feature or non-spatial record. They are typically stored in a database or service such as a feature service. . - Measure distance and explore spatial relationships between geometries
A geometry is a geometric shape, such as a point, polyline, or polygon, that contains one or more coordinates and a spatial reference. . - Save a collection of layers as a web map
A web map is a map stored as a JSON object that defines properties such as the basemap layer, data layers, layer styles, and pop-up styles. Its JSON structure is defined by the web map specification. to be shared across ArcGIS.
How a map works
A map
For offline
Map
A map contains a collection of layers
You can open an existing map or create one entirely with code. To create a map, you typically first add a basemap layer
// Creates a map with the topographic basemap style.
@State private var map = Map(basemapStyle: .arcGISTopographic)
You can also open a map stored in a portal
let map = Map(url: URL(string: "https://www.arcgis.com/home/item.html?id=acc027394bc84c2fb04d1ed317aac674")!)!
You can define the initial extent at which the map will display by setting the GeoModel.initialViewpoint property.
Layer
Each layer
The Layer class is the base class for all types of layers. The type of layer you create depends on the type of data you want to display. For example, to display feature data you can create an FeatureLayer that references an online service (such as a feature service
// Set your API key during app initialization.
// ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
let map = Map(
basemapStyle: .arcGISTopographic
)
let trailheadsLayer = FeatureLayer(
featureTable: ServiceFeatureTable(
url: URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads_Styled/FeatureServer/0")!
)
)
let trailsLayer = FeatureLayer(
featureTable: ServiceFeatureTable(
url:
URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails_Styled/FeatureServer/0")!
)
)
let openSpaceLayer = FeatureLayer(
featureTable: ServiceFeatureTable(
url:
URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Parks_and_Open_Space_Styled/FeatureServer/0")!
)
)
map.addOperationalLayers([trailheadsLayer, trailsLayer, openSpaceLayer])
MapView
A map view
A map view
- Access data for data layers and graphics.
- Display the current location as a point on the map.
- Identify and select features at a specified location.
- Export an image of the current display.
- Rotate the map display.
- Apply a time extent to filter the display of features.
- Filter layer data using attribute and spatial criteria.
- Display image overlays on the map view.
Display a mapMapView control. Changes you make to the map, such as adding, removing, or reordering layers, will immediately be reflected in the map view display. The GeoModel.initialViewpoint property will determine the area of the map shown when the map loads. You can also adjust the Viewpoint and Viewpoint.rotation programmatically to change the map area or orientation shown in the display.
// Creates a map view with the map.
var body: some View {
MapView(map: map)
}
Examples
Create and display a map
You can display a basic map by creating one with a basemap layer, setting its initial extent, and adding it to a map view. To learn how to add additional data, see the Layers topic.
Steps
- Create a new
Map, passing aBasemap.Styleinto the constructor. - Optionally, add one or more data layers to the map.
- Assign the map to an
MapViewcontrol in your app. - Set the map view
Viewpointto focus on a specified area of the map.
// Set your API key during app initialization.
// ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
//
struct DisplayAMapView: View {
// Creates a map with a basemap style and initial viewpoint.
@State private var map: Map = {
let map = Map(basemapStyle: .arcGISTopographic)
map.initialViewpoint = Viewpoint(latitude: 34.027, longitude: -118.805, scale: 72_000)
return map
}()
var body: some View {
// Displays the model's map.
MapView(map: map)
}
}You can also create and save a web map
Display a web map
You can open a web map
Steps
- Create an
Portalobject to connect to the portal that hosts a web map you want to load. If you don't provide a portal URL, the connection defaults to ArcGIS Online. - Create an
PortalItemobject using the item IDAn item ID is a unique identifier representing a single item stored, managed, and accessed in a portal, such as a web map, hosted layer, or file. for the item that stores the web map. - Create a new map, passing the portal item
An item, also known as a content item, is a resource stored in a portal such as a web map, hosted layer, style, script tool, file, or notebook. into the constructor. - Assign the map to an
MapViewcontrol in your app.
// Set your API key during app initialization.
// ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
//
struct DisplayAWebMapView: View {
@State private var map = Map(
item: PortalItem(
portal: .arcGISOnline(connection: .anonymous),
id: PortalItem.ID("41281c51f9de45edaf1c8ed44bb10e30")!
)
)
var body: some View {
// Displays the model's map.
MapView(map: map)
}
}Display a mobile map
This example displays a map
Steps
- Create an
MobileMapPackageusing the path to a local .mmpk file. - Call
MobileMapPackage.load()to load the package. - When the package loads, get the first map from the package using the
MobileMapPackage.mapsproperty. - Display the map in an
MapView.
// Loads a local mobile map package.
func loadMobileMapPackage() async throws {
// Loads the local mobile map package.
let fileURL = Bundle.main.url(forResource: "Yellowstone", withExtension: "mmpk")!
let mobileMapPackage = MobileMapPackage(fileURL: fileURL)
try await mobileMapPackage.load()
// Gets the first map in the mobile map package.
guard let map = mobileMapPackage.maps.first else { return }
self.map = map
}
var body: some View {
// Creates a map view to display the map.
MapView(map: map)
.task {
do {
try await loadMobileMapPackage()
} catch {
// Prints an error message if the map fails to load.
print("Error loading mobile map.")
}
}
}
Use API key access tokens
An API key access tokenAPIKeyResource.
Tutorials
Samples
Set basemap
Display a map from a portal item
Change viewpoint
Display a map from a mobile map package
Create and edit geometries
