Change basemap

View on GitHubSample viewer app

Change a map's basemap. A basemap is beneath all layers on an AGSMap and is used to provide visual reference for the operational layers.

Image of change basemap

Use case

Basemaps should be selected contextually. For example, in maritime applications, it would be more appropriate to use a basemap of the world's oceans as opposed to a basemap of the world's streets.

How to use the sample

Tap the "Change Basemap" button in the bottom toolbar to view a list of the available basemaps. Tap an item to set it as the map's basemap.

How it works

  1. Create an AGSMap object.
  2. Set the map to the AGSMapView object.
  3. Create different basemaps by initializing them with AGSBasemapStyles.

Relevant API

  • AGSBasemap
  • AGSBasemapStyle
  • AGSMap
  • AGSMapView

Tags

basemap, map

Sample Code

SwitchBasemapViewController.swift
Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
// Copyright 2016 Esri.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import UIKit
import ArcGIS

class SwitchBasemapViewController: UIViewController {
    @IBOutlet private weak var mapView: AGSMapView! {
        didSet {
            // Initialize the map with the first basemap.
            mapView.map = AGSMap(basemap: basemapInfoArray.first!.basemap)
        }
    }

    /// The basemap options plus labels.
    private let basemapInfoArray: [(basemap: AGSBasemap, label: String)] = [
        (.init(style: .arcGISDarkGrayBase), "Dark Gray Canvas"),
        (.init(style: .arcGISImageryStandard), "Imagery"),
        (.init(style: .arcGISImagery), "Imagery w/ Labels"),
        (.init(style: .arcGISLightGrayBase), "Light Gray Canvas"),
        (.init(style: .arcGISNavigation), "Navigation"),
        (.init(style: .arcGISNavigationNight), "Navigation Night"),
        (.init(style: .arcGISOceans), "Oceans"),
        (.init(style: .osmStreets), "OpenStreetMap"),
        (.init(style: .arcGISStreets), "Streets"),
        (.init(style: .arcGISStreetsNight), "Streets Night"),
        (.init(style: .osmStreetsRelief), "Streets w/ Relief"),
        (.init(style: .arcGISTerrain), "Terrain w/ Labels"),
        (.init(style: .arcGISTopographic), "Topographic"),
        (.init(style: .arcGISHillshadeLight), "Hillshade Light"),
        (.init(style: .arcGISHillshadeDark), "Hillshade Dark"),
        (.init(style: .arcGISNova), "Nova")
    ]

    override func viewDidLoad() {
        super.viewDidLoad()
        // Add the source code button item to the right of navigation bar.
        (navigationItem.rightBarButtonItem as! SourceCodeBarButtonItem).filenames = [
            "SwitchBasemapViewController",
            "OptionsTableViewController"
        ]
    }

    @IBAction func changeBasemapAction(_ sender: UIBarButtonItem) {
        guard let basemap = mapView.map?.basemap,
            // Get the index of the basemap currently shown in the map.
            let selectedIndex = basemapInfoArray.firstIndex(where: { $0.basemap == basemap }) else {
            return
        }

        let basemapLabels = basemapInfoArray.map { $0.label }

        /// A view controller allowing the user to select the basemap to show.
        let controller = OptionsTableViewController(labels: basemapLabels, selectedIndex: selectedIndex) { [weak self] (newIndex) in
            if let self = self {
                // Update the map with the selected basemap.
                self.mapView?.map?.basemap = self.basemapInfoArray[newIndex].basemap
            }
        }

        // Configure the options controller as a popover.
        controller.modalPresentationStyle = .popover
        controller.presentationController?.delegate = self
        controller.preferredContentSize = CGSize(width: 300, height: 300)
        controller.popoverPresentationController?.barButtonItem = sender
        controller.popoverPresentationController?.passthroughViews?.append(mapView)

        // Show the popover.
        present(controller, animated: true)
    }
}

extension SwitchBasemapViewController: UIAdaptivePresentationControllerDelegate {
    func adaptivePresentationStyle(for controller: UIPresentationController, traitCollection: UITraitCollection) -> UIModalPresentationStyle {
        // Show presented controller as popovers even on small displays.
        return .none
    }
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.