HMS Map Kit in Flutter

Integration process

Let’s discuss integration steps here.

  1. Create project in App Gallery Connect and provide relevant information such as app name, Data Storage, SHA 256 Key, package name etc. Enable Map Kit in Manage API Section. Download agconnect-services.json file.
  2. Add “agconnect-services.json” file under “app” directory.
  3. Open project level “build.gradle” file.



Map Kit continuously optimizes and enriches the map detail display capability. For example, Map Kit can clearly show green fields and vegetation information when the map is zoomed out. It can also display most suitable POIs and road network information in different scales based on the POI attributes and regional road network differences. Map Kit supports gestures including zoom, rotation, moving, and tilt gestures to ensure smooth interaction experience.


Map Kit



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store