Get started with Flutter and MapLibre GL JS
In this tutorial, you’ll learn how to display a map on a mobile device using Flutter and MapLibre GL JS. Together, we will make a simple mobile fullscreen map application as an example of how to use MapTiler maps together with Flutter and MapLibre GL JS for your native app.
Installation and setting up
- Clone the Get started with Flutter and MapLibre GL JS repo
git clone https://github.com/maptiler/get-started-flutter-maplibre-gl-js.git my-flutter-map
- Navigate to the newly created project folder my-flutter-map
- Install dependencies
flutter pub get
- Build your project
- You will find your app on your virtual device (Emulator) or physical device.
Here are a few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
For help with Flutter MapLibre view the online documentation.