Flutter Simple Map
Flutter plugin to display a simple flat world map with animated points in real time. Can be used as a presentation of online users, devices, etc.
Getting Started
- Add this to your pubspec.yaml
dependencies: simple_map: ^1.0.0
- Get the package from Pub:
flutter packages get
- Import it in your file
import 'package:simple_map/simple_map.dart';
Features
- Good performance with lot of data
- Render simple customizable flat map
- Render points with animation effect
- Customize every point
- Create points with TTL
- Custom point animations
- Marker support
- Zoom and Move animations
Usage
- Using SimpleMapOptions
final mapOptions = SimpleMapOptions(
// Custom map icon with projection
// mapIcon: IconData(0xe900, fontFamily: 'MapIcons'),
// projection: ...
mapColor: Colors.grey,
bgColor: Colors.black,
// Default point color
pointColor: Colors.blue,
interactive: true,
// 3d effect
withShadow: true,
shadowOffset = const Offset(0.0, 0.5),
);
- Using SimpleMapController
final SimpleMapController mapController = SimpleMapController();
// Add single point.
mapController.addPoint(SimpleMapPoint());
// Add list of points
mapController.points = [SimpleMapPoint()];
// Clear the map.
mapController.clear();
SimpleMap(
controller: mapController,
options: mapOptions,
),
- Simple map with one center point with duration of 100 seconds
SimpleMap(
controller: SimpleMapController(points: [
SimpleMapPoint(
lat: 0.0,
lng: 0.0,
color: Colors.blue,
ttl: Duration(seconds: 100),
)
]),
options: mapOptions,
),
Check out the complete Example
Changelog
Please have a look in CHANGELOG