Map Styles

_{Estimated reading time: 2 minutes}

In this guide you will learn how to change the map style on an interactive map to display the map in various map styles. The map is fully 3D, supporting pan, pinch-zoom, rotate and tilt.

Setup

1. Get your Magic Lane API key token: if you do not have a token, see the Getting Started guide.
2. See the Setup Maps SDK for iOS guide.
3. Download the MapStyle project example or clone the project with Git.
4. Extract/unpack the MapView project archive to a folder/directory of your choice. You can create a new directory where to unpack it.

Open the Project

Start Xcode, and in the welcome dialog, choose Open an existing project.

If Xcode is already started, go to the File menu and choose Open.

Select the MapView.xcodeproj file and click Open.

Verify that Maps SDK for iOS is configured in Xcode, see the Setup Maps SDK for iOS guide.

Set the API key token

In any of the Maps SDK for iOS example projects, click the AppDelegate.swift file and scroll down to the getProjectApiToken() function, and replace YOUR_TOKEN with your actual Magic Lane API Key token, see the Getting Started guide.

The project is now ready to build and run!

Run the example

Either connect a device via USB cable, or select a virtual device.

Run the MapStyle example. You can pan and zoom the map. On the device you can also rotate and tilt.

Click the blue map icon in the upper right corner of the screen to change the map style and wait a few seconds for a different map style to be downloaded.

Click the blue map icon in the upper right corner of the screen again to change the map style.

iOS Examples

Maps SDK for iOS Examples can be downloaded or cloned with Git.