image_overlay_map 0.0.2
image_overlay_map: ^0.0.2 copied to clipboard

A package using web or local image to build a map with customizable markers like leaflet image overlay.

image_overlay_map #

This is a Flutter package use local or web image to build a map. It's able to customize markers use markerWidgetBuilder. Markers will be rebuild when scale on screen;

https://user-images.githubusercontent.com/11880676/117442463-c1a65200-af71-11eb-940e-4cc60b31d2a0.mp4

Guidance #

this.child, #

An image widget as map. It will be scaled to the right size to make sure fit full screen on different devices. The image use local assets or web url is both supported.Sample demo shows howto use web images;

this.size, #

Size of image in pixels.Sample demo use Leaflet CRS.Simple, bounds = [[-height / 2, -width / 2], [height / 2, width / 2]]. [0,0] is center of image. You can build a different one when build MarkerModel from your marker data;

this.markers, #

MarkerModel data build from your marker data.

this.onMarkerClicked, #

Called when marker widget is clicked.

this.markerWidgetBuilder, #

Build a widget from MarkerModel. You can build different widget for different scale value.

this.onTab, #

Called when map background image is tabbed.

0
likes
90
pub points
21%
popularity

A package using web or local image to build a map with customizable markers like leaflet image overlay.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on image_overlay_map