mapbox_gl_dart 0.2.1 
mapbox_gl_dart: ^0.2.1 copied to clipboard
Mapbox-gl wrapper for Dart. Library to use Mapbox GL JS in your web Dart projects.
Mapbox-gl wrapper for Dart #
Library to use Mapbox GL JS from Dart. Working examples here: https://andrea689.github.io/mapbox-gl-dart/
Using this package #
You must include Mapbox GL JS into your .html file
to be able to use this package.
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v2.5.1mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v2.5.1/mapbox-gl.css' rel='stylesheet'/>
In the body add a container for the map.
<body>
<div id='map'></div>
</body>
In the dart file initialize the map.
import 'package:mapbox_gl_dart/mapbox_gl_dart.dart' as mapboxgl;
void main() {
Mapbox.accessToken = 'YOUR_TOKEN_HERE';
var map = MapboxMap(
MapOptions(
container: 'map',
style: 'mapbox://styles/mapbox/dark-v10',
center: LngLat(7.68227, 45.06755),
zoom: 12,
),
);
}
Examples #
You can find many examples in the example folder.
Run example #
pub global activate webdev
webdev serve example:8081
Open browser to localhost:8081
Metadata
7
likes
130
pub points
51%
popularity
Publisher
unverified uploader
Metadata
Mapbox-gl wrapper for Dart. Library to use Mapbox GL JS in your web Dart projects.
Repository (GitHub)
View/report issues
Documentation
License
BSD-3-Clause (license)
