Dart pub
A Dart implementation of Leaflet for Flutter apps.
Add flutter_map to your pubspec:
dependencies:
flutter_map: any # or the latest version on Pub
Configure the map using MapOptions and layer options:
Widget build(BuildContext context) {
return new FlutterMap(
options: new MapOptions(
center: new LatLng(51.5, -0.09),
zoom: 13.0,
),
layers: [
new TileLayerOptions(
urlTemplate: "https://api.tiles.mapbox.com/v4/"
"{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",
additionalOptions: {
'accessToken': '<PUT_ACCESS_TOKEN_HERE>',
'id': 'mapbox.streets',
},
),
new MarkerLayerOptions(
markers: [
new Marker(
width: 80.0,
height: 80.0,
point: new LatLng(51.5, -0.09),
builder: (ctx) =>
new Container(
child: new FlutterLogo(),
),
),
],
),
],
);
}
See the example/ folder for a working example app.
To run it, in a terminal cd into the folder.
Then execute ulimit -S -n 2048 (ref).
Then execute flutter run with a running emulator.
You can use map tiles from a number of free and paid map suppliers, or you can host your own map tiles.
The example uses OpenStreetMap tiles, which are free but can be slow.
Use TileLayerOptions to configure other tile providers, such as mapbox:
Widget build(ctx) {
return TileLayerOptions(
urlTemplate: "https://api.mapbox.com/v4/"
"{id}/{z}/{x}/{y}@2x.png?access_token={accessToken}",
additionalOptions: {
'accessToken': '<PUT_ACCESS_TOKEN_HERE>',
'id': 'mapbox.streets',
},
);
}
To use, you'll need a mapbox key:
leaflet_flutter_example/lib/main.dart and paste the API key into the
additionalOptions mapFollow this guide to grab offline tiles
Once you have your map exported to .mbtiles, you can use mbtilesToPng to unpack into /{z}/{x}/{y}.png.
Move this to Assets folder and add asset directories to pubspec.yaml. Minimum required fields for offline maps are:
Widget build(ctx) {
return FlutterMap(
options: MapOptions(
center: LatLng(56.704173, 11.543808),
zoom: 13.0,
swPanBoundary: LatLng(56.6877, 11.5089),
nePanBoundary: LatLng(56.7378, 11.6644),
),
layers: [
TileLayerOptions(
tileProvider: AssetTileProvider(),
urlTemplate: "assets/offlineMap/{z}/{x}/{y}.png",
),
],
);
}
Make sure PanBoundaries are within offline map boundary to stop missing asset errors.
See the flutter_map_example/ folder for a working example.
Note that there is also FileTileProvider(), which you can use to load tiles from the filesystem.
For the latest roadmap, please see the Issue Tracker
dev branchNote: 0.6.x releases are compatible with Flutter's dev channel
Thanks to @slightfoot for this release!
Note: 0.5.x releases are compatible with Flutter's stable channel, currently
v1.5.4-hotfix.2 and 0.6.x releases (also on the flutter_map dev branch) is a
version of flutter_map compatible with Flutter's dev channel
Thanks to @lpongetti @FalkF @Victor-emil @lsaudon and @lorenzo for this release!
Thanks to @avbk, @OrKoN, @pintomic, @wmcshane, @manhluong for this release!
Thanks to @SamuelRioTz, @jecoz, @4kssoft, @bugWebDeveloper, @RaimundWege, @vinicentus, and @etzuk for this release!
Thanks to @tomwyr, @csjames, @kengu, @ocularrhythm for this release!
Thanks to @gimox for this release!
Thanks to @kengu, @mortenboye, and @tomwyr for this release!
Thanks to @JulianBerger for this release!
Thanks to @IhorKlimov and @tomwyr for this release!
Thanks to @LJaraCastillo, @ubilabs, @xqwzts, @vinicentus, and @lsaudon for this release!
Thanks to contributors @alfanhui, @avioli, @solid-software, and @vinicentus for this release!
Thanks to contributors @avioli, @bcko, and @alfanhui for this release!
example/README.md
A new Flutter project.
For help getting started with Flutter, view our online documentation.
Add this to your package's pubspec.yaml file:
dependencies:
flutter_map: ^0.6.1+2
You can install packages from the command line:
with Flutter:
$ flutter pub get
Alternatively, your editor might support flutter pub get.
Check the docs for your editor to learn more.
Now in your Dart code, you can use:
import 'package:flutter_map/flutter_map.dart';
|
Popularity:
Describes how popular the package is relative to other packages.
[more]
|
98
|
|
Health:
Code health derived from static analysis.
[more]
|
100
|
|
Maintenance:
Reflects how tidy and up-to-date the package is.
[more]
|
69
|
|
Overall:
Weighted score of the above.
[more]
|
93
|
We analyzed this package on Jul 23, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
Detected platforms: Flutter
References Flutter, and has no conflicting libraries.
Format lib/src/layer/polygon_layer.dart.
Run flutter format to format lib/src/layer/polygon_layer.dart.
Support latest dependencies. (-20 points)
The version constraint in pubspec.yaml does not support the latest published versions for 2 dependencies (cached_network_image, path_provider).
The package description is too short. (-11 points)
Add more detail to the description field of pubspec.yaml. Use 60 to 180 characters to describe the package, what it does, and its target use case.
| Package | Constraint | Resolved | Available |
|---|---|---|---|
| Direct dependencies | |||
| Dart SDK | >=2.2.2 <3.0.0 | ||
| async | ^2.1.0 | 2.3.0 | |
| cached_network_image | ^0.8.0 | 0.8.0 | 1.1.1 |
| flutter | 0.0.0 | ||
| flutter_image | ^2.0.0-dev.1 | 2.0.0 | |
| latlong | ^0.6.1 | 0.6.1 | |
| path_provider | ^0.5.0+1 | 0.5.0+1 | 1.1.2 |
| positioned_tap_detector | ^1.0.2 | 1.0.3 | |
| sqflite | ^1.1.5 | 1.1.6+2 | |
| transparent_image | ^1.0.0 | 1.0.0 | |
| tuple | ^1.0.2 | 1.0.2 | |
| Transitive dependencies | |||
| ansicolor | 1.0.2 | ||
| charcode | 1.1.2 | ||
| collection | 1.14.11 | ||
| console_log_handler | 1.1.6 | ||
| convert | 2.1.1 | ||
| crypto | 2.0.6 | ||
| flutter_cache_manager | 0.3.2 | 1.1.1 | |
| http | 0.12.0+2 | ||
| http_parser | 3.1.3 | ||
| intl | 0.15.8 | ||
| logging | 0.11.3+2 | ||
| matcher | 0.12.5 | ||
| meta | 1.1.6 | 1.1.7 | |
| path | 1.6.2 | ||
| quiver | 2.0.3 | ||
| sky_engine | 0.0.99 | ||
| source_span | 1.5.5 | ||
| stack_trace | 1.9.3 | ||
| string_scanner | 1.0.4 | ||
| synchronized | 2.1.0+1 | ||
| term_glyph | 1.1.0 | ||
| typed_data | 1.1.6 | ||
| uuid | 2.0.2 | ||
| validate | 1.7.0 | ||
| vector_math | 2.0.8 | ||
| Dev dependencies | |||
| flutter_test | |||
| pedantic | ^1.5.0 | 1.8.0+1 | |
| test | ^1.6.0 | ||