Skip to main content
GuidesAPI ReferenceExamples

Search Map

Estimated reading time: 3 minutes

In this guide you will learn how to search for a location or region on an interactive map. The map is fully 3D, supporting pan, pinch-zoom, rotate and tilt. When the search is triggered, a fly occurs to center the search result location or region. In the case of a region, the map will be at an appropriate distance so that the entire target region fits in the viewport.

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 SearchQueryOnMap 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

Studio

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

Studio

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

Studio

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

Studio

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

Studio

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

Studio

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

Studio

Click the blue pin icon at the top to do a location search. A fly occurs and the map is centered on a specified location.

Studio

Click the blue search icon in the top right corner to search for a region/bounding box. A fly occurs and the map is centered on a region, Paris in this case, such that the entire region fits in the viewport. The perimeter of the target is shown here in red.

Studio

Click the blue x icon in the top left corner to remove the perimeter from the target area.

iOS Examples

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