Forums General How would I overlay Image on Map for flutter.

This topic contains 1 replies, has 2 voice, and was last updated by Billy Barnes 4 months ago
  • Akash Jasani


    I have an usecase in which I need to place bounded image over the map (unlike marker) which can be zoom in, zoom out and rotate with the map. I have checked HERE map SDK for flutter but I couldn’t found any way to Implement image overlay for flutter. Can someone help me to figure it out how could I do this?

    Billy Barnes

    To implement a bounded image overlay on a map in Flutter that can be zoomed in, zoomed out, and rotated with the map, you can use the flutter_map package along with the flutter_image_overlay package. Here’s how you can achieve this:

    Add Dependencies: Open your pubspec.yaml file and add the required dependencies for flutter_map and flutter_image_overlay:

    sdk: flutter
    flutter_map: ^0.14.0 # Use the latest version available
    flutter_image_overlay: ^1.0.1 # Use the latest version available

    Import Libraries: In your Dart file, import the necessary libraries:

    import ‘package:flutter/material.dart’;
    import ‘package:flutter_map/flutter_map.dart’;
    import ‘package:flutter_image_overlay/flutter_image_overlay.dart’;

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.