Flutter plugin to display a simple flat world map with animated points in real time

Overview

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.

Build Status Pub package Star on GitHub License: MIT

1.gif 2.gif

Getting Started

  • Add this to your pubspec.yaml
    dependencies:
    simple_map: ^0.1.0
    
  • Get the package from Pub:
    flutter packages get
    
  • Import it in your file
    import 'package:simple_map/simple_map.dart';
    

Features

  • Render simple customizable flat map
  • Render points with animation effect
  • Customize every point
  • Create points with TTL
  • Good performance with lot of data

Usage

  • Using SimpleMapOptions
final mapOptions = SimpleMapOptions(
    // You can use your own map image
    mapAsset: 'assets/map.png',
    mapColor: Colors.grey,
    bgColor: Colors.black,
);
  • 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,
),

Changelog

Please have a look in CHANGELOG

Maintainers

License

License: MIT

You might also like...

Flutter Google Map Example - Day 41

Flutter Google Map Example - Day 41

Flutter Google Map Example - Day 41 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { "title": "Flutter Google Map Exa

Nov 17, 2022

A Flutter map widget inspired by Leaflet

flutter_map A Dart implementation of Leaflet for Flutter apps. Installation Add flutter_map to your pubspec: dependencies: flutter_map: any # or the

Nov 19, 2022

🌍 Map location picker component for flutter Based on google_maps_flutter

🌍 Map location picker component for flutter Based on google_maps_flutter

google_map_location_picker Location picker using the official google_maps_flutter. I made This plugin because google deprecated Place Picker. Using Pu

Oct 4, 2022

A map widget with live position updates for Flutter

A map widget with live position updates for Flutter

Livemap A map widget with live position updates. Based on Flutter map and Geolocator. Provides a controller api to handle map state changes. Example i

Sep 28, 2022

Flutter Google Map Example

Flutter Google Map Example

Flutter Google Map Example A Flutter application demonstrate google map. Preview Listener and Marker Compass MapTypes Plugin google_maps_flutter from

Sep 14, 2021

A Flutter package for place search using MapBox Api and for Static map image

A Flutter package for place search using MapBox Api and for Static map image

About This package provides easy api calls to MapBox Search API. Also, it contains an static map image generator 😆 . Maki Icons can be used now in ma

Sep 28, 2022

How To Integrate Customized Google Map in Flutter

How To Integrate Customized Google Map in Flutter

How To Integrate Customized Google Map in Flutter Let’s develop a customised Google Maps for the best user experience. Visit : https://medium.com/flut

Oct 12, 2022

A Flutter map widget inspired by Leaflet

flutter_map A Dart implementation of Leaflet for Flutter apps. Usage Add flutter_map to your pubspec: dependencies: flutter_map: any # or the latest

Nov 6, 2022

Flutter Aris Map Application

 Flutter Aris Map Application

Flutter Aris Map Application Version 1️⃣ . 0️⃣ . 0️⃣ ➕ 1️⃣ 4️⃣ Getting Started $ git clone https://github.com/ariscybertech/aris_map.git $ flutter pac

Jan 24, 2022
Comments
  • map.png not included in repo

    map.png not included in repo

    Could you please provide us your map.png file as it is not included in your repo? If I am using my own, the application of lat/lng is no longer possible. thanks!

    opened by lauroboeni 0
Owner
Vladyslav Korniienko
Vladyslav Korniienko
Stateful map controller for Flutter Map

Map controller Stateful map controller for Flutter Map. Manage markers, lines and polygons. View the web demo Usage import 'dart:async'; import 'packa

null 55 Sep 15, 2022
A map tour guide mobile app based on Flutter, an AI travel notes product integrating map tour guide and UGC.

A map tour guide mobile app based on Flutter, an AI travel notes product integrating map tour guide and UGC. Through the combination of 5g + AI, colle

null 24 Jan 14, 2022
Custom map markers - Custom Map Markers Using Flutter

Custom Map Markers Not only "Everything is a widget" also "Everywhere is a widge

null 8 Oct 19, 2022
This project was developed in Flutter for the challenge of mapping space trash in real-time proposed by NASA Space Apps Challenge.

This project was developed in Flutter for the challenge of mapping space trash in real-time proposed by NASA Space Apps Challenge.

Kauê Martins 1 Oct 3, 2021
A new flutter plugin for mapbox. You can use it for your map backgrounds inside flutter applications

A new flutter plugin for mapbox. You can use it for your map backgrounds inside flutter applications

Boris Gautier 5 Sep 14, 2022
Plugin for 'flutter_map' providing advanced caching functionality, with ability to download map regions for offline use. Also includes useful prebuilt widgets.

flutter_map_tile_caching A plugin for the flutter_map library to provide an easy way to cache tiles and download map regions for offline use. Installa

Luka S 63 Nov 9, 2022
Flutter_map plugin to display geojson, vector tiles, clusters using sliced vectors

geojson_vector_slicer A flutter_map plugin to display fast geojson by slicing into tiles. Slicing based off https://github.com/mapbox/geojson-vt IMPOR

Ian 4 Oct 18, 2022
A flutter package for select a city from svg map.

City Picker From Map A flutter package for select a city from svg map. Supported countries (+150) are here. Screenshots Getting Started In the pubspec

Ahmet ÇELİK 49 Nov 17, 2022
Flutter Tutorial - Google Map with Live Location Tracking

Flutter Tutorial - Google Map with Live Location Tracking Build Google Map app with Live Location Tracking in Flutter. ✌   App Preview Android Preview

Samuel Adekunle 11 Jul 15, 2022
Map Picker for Flutter

Map Pin Picker A Vendor-free map Library for Easy and Quick Usage. Follow the steps to integrate Google Maps (https://pub.dev/packages/google_maps_flu

Akbar 16 Jul 15, 2022