Skip to content

Example project loading ArcGIS vector basemaps using Fluttler

Notifications You must be signed in to change notification settings

hhkaos/flutter_arcgis_basemaps

Repository files navigation

flutter_arcgis_basemaps

This is a sample app showing how to load ArcGIS vector basemaps using a free ArcGIS Platform account and Leaflet.js using flutter-vector-map-tiles

VSCode Screenshot

Getting Started

Place a api_key.dart file within lib/src with the following content (replacing the API key)

// Create a free account: https://developers.arcgis.com/sign-up
// Grab the API from: https://developers.arcgis.com/api-keys/
final apiKey = '<your_API_KEY>';

Clarifications

This project has to Widgets:

  • MapScreen at lib/src/leafletvector_screen.dart: this one load a static map style from lib/src/navigation_style.dart
  • MapScreenAsync at lib/src/leafletvectorasync_screen.dart which allows to set all map styles supported by ArcGIS using the values defined at lib/src/arcgis_map_styles.dart.

Gallery of supported basemaps

arcgis-navigation
example screenshot
arcgis-navigation-night
example screenshot
arcgis-community
example screenshot
arcgis-nova
example screenshot
arcgis-midcentury
example screenshot
arcgis-streets
example screenshot
arcgis-streets-night
example screenshot
arcgis-light-gray
example screenshot
arcgis-dark-gray
example screenshot
arcgis-human-geography
example screenshot
arcgis-human-geography-dark
example screenshot

Known issues

There are some limitations that needs to be overcome. Those are listed in the project issues.