meteoblue Maps API – Android WebView example

A minimal Android app (Jetpack Compose) that shows meteoblue weather maps with the meteoblue Maps Plugin inside a WebView. The plugin provides the complete user interface: map menu, time selection and legend.

The app consists of two files:

• map.html: loads Mapbox GL JS v1 and the Maps Plugin from meteoblue servers and initializes the plugin with an Inventory URL (https://maps-api.meteoblue.com/v1/map/inventory/filter?maps=...), which defines the maps shown in the menu
• MainActivity.kt: shows map.html in a WebView with JavaScript enabled, embedded in Compose with AndroidView

Run

Open the project in Android Studio and run the app configuration.

The Gradle wrapper scripts are not included. To build from the command line, run gradle wrapper once, then ./gradlew installDebug.

API key

The app uses a rate-limited demo API key, which will be replaced from time to time. Get your own API key here and set apiKey in map.html.

Documentation

• Maps API overview