How to build mobile apps with maps using SDK

You can create a mobile app with maps using either an SDK or a PWA with JavaScript and HTML. You can also use SDK to develop desktop software.

It is possible to combine map data from MapTiler Cloud with data from MapTiler Data for offline mode.

Native mobile apps

Using mobile SDK to create a native mobile app is mostly the best choice. The code is translated into native code and has lower hardware requirements. There are SDKs for both Android and iOS.

The maps are encoded in the widely used and openly documented vector tile format. This means the tiles are compatible with all software tools implementing this format specification. MapTiler Cloud uses the open GL Style for defining the map design.

The open-source MapTiler SDK for iOS and SDK for Android provides the most natural way how to display the tiles and styles in a mobile app natively.

There are other open-source SDKs for native mobile apps like MapLibre Native.

Sample app for Android and iOS

There is a sample app for iOS and Android, which demonstrates the capabilities of mobile SDK and its’ performance. You can download it for free from Google Play and App Store or get the source code for further development of their own app.

These apps show the vector map tiles displayed from a custom tile server, so you can choose MapTiler Cloud service, MapTiler Server or implement your own. Map tiles can be also bundled with the mobile app or users can download a tileset for a region of their choice.

The SDK is able to display the tiles directly from MBTiles and is running in an offline environment.

Packed web applications (PWA)

An alternative way for the development of multiplatform mobile apps is the use of the existing JavaScript web viewers while using HTML, CSS, and JavaScript and packaging the web applications into a mobile application (PWA) with a framework like Apache Cordova or Ionic Capacitor.

Modern mobile phones support WebGL and maps are acceptably performant, however native apps are still faster and ensure better compatibility with various devices. Check out the How to create a mobile app (PWA) with MapTiler SDK JS example.

While developing the mobile apps in JavaScript users can also use native components such as the Cordova app React Native.

You can also develop your applications using React Native or Flutter.

Desktop and embedded apps

For the development of native desktop applications and software for hardware appliances with embedded mapping systems powered by Linux, one can use the open-source MapLibre Native. It also has the ability to load the vector tiles from MapTiler, or the OpenMapTiles project and run completely offline.