isabella232 / react-mapbox-gl-leaflet

React wrapper of mapbox-gl-leaflet for react-leaflet. Demo: https://mongodb-js.github.io/react-mapbox-gl-leaflet

react-mapbox-gl-leaflet

React wrapper of mapbox-gl-leaflet for react-leaflet.

Demos

Package version	Dependency Versions	Demo
1.0.0	[email protected], [email protected]	Link

Installation

npm install @mongodb-js/react-mapbox-gl-leaflet --save

You will also need to manually install the following peer dependencies:

npm install leaflet react react-dom react-leaflet mapbox-gl mapbox-gl-leaflet --save

Usage

Please consult the mapbox-gl-leaflet documentation for available prop options, the Mapbox Vector Tile Specification for defining the map tile data, and the Mapbox Style Specification for defining the visual appearance of the map.

import React from 'react';
import { Map } from 'react-leaflet';
import MapboxGlLayer from '@mongodb-js/react-mapbox-gl-leaflet';

const DemoComponent = () => {
  return (
    <Map>
      <MapboxGlLayer
        accessToken="for-usage-with-mapbox-api-only"
        style="https://your-tile-server.com/path/to/your/map-style.json"
        attribution="Copyright attribution message goes here" />
    </Map>
  );
}

Contributing

Pull requests of any kind are welcome from the community. Please ensure you have read the guidelines for Contributing and this project's Code of Conduct before raising a pull request.

Maintainers

• Matt Fairbrass @matt_d_rat

License

MIT License