Mapbox-gl wrapper for Dart

Library to use Mapbox GL JS from Dart. Working examples here:

Using this package

You must include Mapbox GL JS into your .html file to be able to use this package.

<script src=''></script>
<link href='' rel='stylesheet'/>

In the body add a container for the map.

    <div id='map'></div>

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(
      container: 'map',
      style: 'mapbox://styles/mapbox/dark-v10',
      center: LngLat(7.68227, 45.06755),
      zoom: 12,


You can find many examples in the example folder.

Run example

webdev serve example:8081

Open browser to localhost:8081


Type definitions for Mapbox GL JS [...]