Maps, Location and Navigation Platform

Overview

These guides enable you to get quickly started using Magic Lane - Maps & Navigation SDKs to render your first interactive map, then plot a route, simulate navigation along the route, and search for points of interest.

What do you want to build?	Recommended guides
Maps An interactive movable and zoomable map.	Hello Map Maps SDK for JavaScript bookmark_example_kotlin_hello_map_top_tag Maps SDK for Android Hello Map Maps SDK for iOS Hello Map Maps SDK for Qt
Render an interactive map centered on your current position.	Follow Position Maps SDK for iOS
Automatically rotate an interactive map with North toward the top of the view.	Map Compass Maps SDK for iOS
Tilt an interactive map into perspective view and back into the default vertical view.	Perspective View Maps SDK for iOS
Routes An interactive movable and zoomable map, defines a departure and destination point, computes a route, draws the route on the map and flies to the route.	Route Maps SDK for JavaScript bookmark_example_kotlin_routingonmap_top_tag Maps SDK for Android Routing Maps SDK for iOS
Add/remove multiple fragment surfaces, each of which can contain an interactive map centered on a different desired location, and with a different route computed and rendered on each map.	Multi Map Routing Maps SDK for iOS
Get the turn-by-turn text instructions for a computed route from a desired departure to a desired destination.	bookmark_example_kotlin_routeinstructions_top_tag Maps SDK for Android Get Route Instructions Maps SDK for iOS
Navigation An interactive movable and zoomable map, compute and render a route, then do real navigation along the route.	bookmark_example_kotlin_route_navigation_top_tag Maps SDK for Android Navigate Route Maps SDK for iOS Routing and Navigation Maps SDK for Qt
An interactive movable and zoomable map, compute and render a route between preset departure and destination points, and simulate navigation along the route.	Navigation Maps SDK for JavaScript bookmark_example_kotlin_simulated_navigation_top_tag Maps SDK for Android Simulate Route Maps SDK for iOS
An interactive movable and zoomable map, compute and render a route based on GPX data.	bookmark_example_kotlin_gpximport_top_tag Maps SDK for Android
An interactive movable and zoomable map, compute and render a route based on GPX data and simulate navigation along the route.	bookmark_example_kotlin_gpxroutesimulation_top_tag Maps SDK for Android GPX Routing and Navigation Maps SDK for Qt
An interactive movable and zoomable map, dynamically select a departure and destination for a route on the map from interactive user input, compute and render a route and simulate navigation along the route.	Landmark List Maps SDK for Qt
An interactive movable and zoomable map, compute and render a route between preset departure and destination points and simulate navigation along the route using a local offline map with no internet connection.	bookmark_example_kotlin_downloadedonboardmapsimulation_top_tag Maps SDK for Android
An interactive movable and zoomable map, compute and render a route between preset departure and destination points and simulate navigation along the route, downloading required maps on a demand basis.	bookmark_example_kotlin_downloadingonboardmapsimulation_top_tag Maps SDK for Android
Add/remove multiple fragment surfaces, each of which can contain an interactive map centered on a different desired location.	bookmark_example_kotlin_multisurfaces_top_tag Maps SDK for Android Multiview Map Maps SDK for iOS
Compute and render a public transit route on an interactive map, and fly to the route.	bookmark_example_kotlin_publictransitrouting_top_tag Maps SDK for Android Public Transit Route Maps SDK for iOS
Display the street name for the current position on the map of the green arrow/device position indicator and update the street name as needed when the device is moved.	bookmark_example_kotlin_displaycurrentstreetname_top_tag Maps SDK for Android
Search Does a search on an interactive movable and zoomable map and flies to the first search result.	Free Text Search Maps SDK for JavaScript Search Map Maps SDK for iOS Address Search Maps SDK for iOS Text Search Maps SDK for Qt
Does an assisted menu-driven address search on an interactive movable and zoomable map.	Search Example Maps SDK for Qt
Search for POIs along a route.	Search Along Route Maps SDK for iOS
Text Search Does a search on the map and returns text results.	bookmark_example_kotlin_hello_search_top_tag Maps SDK for Android Text Search Maps SDK for iOS
Search for a destination on an interactive map, and fly to the destination area/bounding box.	bookmark_example_kotlin_flytoarea_top_tag Maps SDK for Android
Favorites Add or remove a landmark from the favorites.	bookmark_example_kotlin_favorites_top_tag Maps SDK for Android
Fly Render an interactive map and fly to a destination specified by latitude and longitude coordinates.	Fly to a Destination Maps SDK for JavaScript bookmark_example_kotlin_flytocoordinates_top_tag Maps SDK for Android Center Coordinates Maps SDK for iOS
Render an interactive map and fly to an instruction along a computed route rendered on the map, such as the next turn.	bookmark_example_kotlin_flytorouteinstruction_top_tag Maps SDK for Android Get Route Instructions Maps SDK for iOS
Render an interactive map and fly to a traffic event section along a computed route rendered on the map, such as a part of the route with slow moving traffic.	bookmark_example_kotlin_flytotraffic_top_tag Maps SDK for Android Get Route Instructions Maps SDK for iOS
Polyline Draw a polyline on an interactive map and fly to the location of the polyline.	bookmark_example_kotlin_drawpolyline_top_tag Maps SDK for Android Polylines On A Map Maps SDK for iOS
Render an interactive map centered on a desired location, in a fragment.	bookmark_example_kotlin_hellofragment_map_top_tag Maps SDK for Android
An interactive movable and zoomable map embedded in a webpage, showing POIs (Points of Interest) loaded from GeoJSON data, defined in a string variable in the JavaScript example and rendered on the map.	Store Locator using GeoJSON Text String as Data Source Maps SDK for JavaScript
An interactive movable and zoomable map embedded in a webpage, showing POIs (Points of Interest) loaded from GeoJSON data defined in a file and rendered on the map.	Store Locator using a GeoJSON File as Data Source Maps SDK for JavaScript
An interactive movable and zoomable map embedded in a webpage, showing POIs (Points of Interest) loaded from GeoJSON data defined in a file, on the map and in a list.	Store Locator using GeoJSON File as Data Source with Custom Controls Maps SDK for JavaScript
An interactive movable and zoomable map embedded in a webpage, showing custom GeoJSON points of interest data (POIs) previously uploaded to the server in the online Map Studio.	Store Locator using Studio Defined Data Source Maps SDK for JavaScript
An interactive movable and zoomable map embedded in a webpage, showing filtered POI (Point of Interest) SQL query search results, such as stores near the current location, loaded dynamically from the server for the region of the map which the user zooms in on.	Store Locator using SQL Server as Data Source Maps SDK for JavaScript
An interactive movable and zoomable map, showing filtered POI (Point of Interest) search results nearby/around the current or specified location (reverse geocoding).	Search Near a Location Maps SDK for JavaScript bookmark_example_kotlin_search_nearby_top_tag Maps SDK for Android Search Location Maps SDK for iOS Reverse Geocoding Maps SDK for Qt
An interactive movable and zoomable map showing the nearest POI (Point of Interest) to a user touch or click on the map (interactive reverse geocoding).	Map Selection Maps SDK for iOS
An interactive movable and zoomable map embedded in a webpage, in a split view with a movable separator, with each side of the view rendered in a different style, for example, a plain map on the left and satellite imagery on the right.	Side by Side Map Maps SDK for JavaScript
An interactive movable and zoomable map, using a custom map style.	Custom Style Map Maps SDK for JavaScript Map Styles Maps SDK for iOS
An interactive movable and zoomable map, in an app fragment, using a custom map style.	bookmark_example_kotlin_hellofragmentcustomstyle_top_tag Maps SDK for Android
Create a Hello World app using Magic Lane Maps SDK for Kotlin.	bookmark_example_kotlin_hello_sdk_top_tag Maps SDK for Android
Tutorial app demonstrating various features of the Maps & Navigation SDK, such as maps, search, fly to a location, routing, downloading maps for offline use and setting a custom server.	bookmark_example_kotlin_tutorial_app_top_tag Maps SDK for Android
Download maps, voices and map styles from the Magic Lane Online Store for offline use.	Download Example Maps SDK for Qt
Download maps from the Magic Lane Online Store for offline use.	bookmark_example_kotlin_mapdownload_downloadingonboardmap_top_tag Maps SDK for Android Map Download Maps SDK for iOS

• Maps SDK for JavaScript
  • Getting Started
  • Maps & 3D Scene
    • Hello Map
    • Side by Side Map
    • Create a Map Style
    • Custom Style Map
    • Switch from Google Maps to Magic Lane Platform
  • Routes & Navigation
    • Route
    • Route Ranges
    • Navigation
    • Switch from Google Maps to Magic Lane Platform
  • Places
    • Free Text Search
    • Search Near a Location
    • Search POI Categories Near a Location
    • Wikipedia Search Control
    • Fly to a Destination
    • Fly to Multiple Destinations
    • Switch from Google Maps to Magic Lane Platform
  • Store Locator Guides
    • Using GeoJSON Text String as Data Source
    • Using GeoJSON File as Data Source
    • Using Studio Defined Data Source
    • Using Studio Queries as Data Source
    • Using SQL Server as Data Source
    • Using REST API Queries as Data Source
    • Adding Draw Area Controls to a Store Locator
    • Adding Custom Icons for GeoJSON Data Source
    • Customizing Store Marker Groups
    • Customizing Store Markers Using Data Labels
    • Customizing Store Marker Bubbles
    • Customizing List Control
    • Adding Filters for the Data Source
    • Customizing Store Controls
    • Switch from Google Maps to Magic Lane Platform
• Maps SDK for iOS
  • Getting Started
  • Setup Maps SDK for iOS
  • Maps & 3D Scene
    • Hello Map
    • Multiview Map
    • Center Coordinates
    • Perspective View
    • Map Compass
    • Follow Position
    • Polylines On A Map
    • Map Styles
    • Map Selection
    • Map Download
  • Routes & Navigation
    • Routing
    • Multi Map Routing
    • Simulate Route
    • Navigate Route
    • Get Route Instructions
    • Public Transit Route
  • Places
    • Address Search
    • Search Location
    • Search Map
    • Text Search
    • Search Along Route
  • Map Styles
• Maps SDK for Qt
  • Getting Started
  • Setup Maps SDK for Qt
  • Setting your API Key
  • Maps & 3D Scene
    • Hello Map
    • Download Example
  • Routes & Navigation
    • Landmark List
    • Routing and Navigation
    • GPX Routing and Navigation
  • Places
    • Search Example
    • Text Search
    • Reverse Geocoding
• Maps SDK for C++
  • Getting Started
  • Maps & 3D Scene
    • Map View
    • Multi Map View
    • Center Map
    • Map Style
    • Map Perspective
    • Points Marker
    • Polyline Marker
    • Polygon Marker
  • Routes & Navigation
    • Calculate Route
    • Calculate Route Multi View
    • Simulate Navigation
  • Vehicle routing problem
    • Add optimization with a single vehicle
    • Add optimization with a single vehicle and different start and end stops
    • Add optimization with multiple vehicles and a single start stop
    • Add optimization with multiple vehicles and multiple start stops
    • Add optimization with multiple vehicles and multiple end stops
    • Add optimization with fixed stops sequences
    • Add optimization with sequence pairs
    • Add optimization with set matrices
    • Add optimization where the stops have the all fields set
    • Generate territories
    • Extra
  • Places
    • Free Text Search
    • Text Search in Geographic Area
    • Search Around
• Video Tutorials