Skip to content

Multi Map Routing

In this guide you will learn how to compute routes and render them on multiple interactive maps. The maps are fully 3D, supporting pan, pinch-zoom, rotate and tilt.

Setup

First, get an API key token, see the Getting Started guide.

See the Setup Maps SDK for iOS guide.

Download the CalculateRouteMultiMap project example or clone the project with Git.

Extract/unpack the CalculateRouteMultiMap project archive to a folder/directory of your choice. You can create a new directory where to unpack it.

Open the Project

Xcode welcome dialog

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

Xcode File Open

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

Xcode open CalculateRouteMultiMap

Select the CalculateRouteMultiMap.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

Set your API key

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

Xcode select virtual device

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

Xcode run CalculateRouteMultiMap

Run the CalculateRouteMultiMap example.

Xcode run CalculateRouteMultiMap

Click one of the blue route icons at the top and the first map appears. You can pan and zoom the map. On the device you can also rotate and tilt.

Xcode run CalculateRouteMultiMap

Click the other blue route icon at the top and the second map appears.

Xcode run CalculateRouteMultiMap

Click one of the blue route icons at the top to start the route calculation between a preset departure and destination location.

When the route calculation completes, a fly occurs and the map is centered on the computed route(s). The map will be at an appropriate distance so that all computed routes are visible.

Xcode run CalculateRouteMultiMap

Click the other blue route icon at the top and a different route is calculated and rendered on the second map.

If there is more than one possible route between the selected departure and destination points, the alternative routes are also shown in a lighter color.

Xcode run CalculateRouteMultiMap

Click the blue x icon at the top to remove the routes rendered on the maps.

iOS Examples

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