See the live demo.

Note, this technique isn't specific to react-map-gl. You can do the same technique by using MapboxGL-js.

npm install

npm run start

This will start a local server running on localhost:9966.

The included example uses raster tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.

Example GeoJSON data from: SF OpenData.

Colors from Flat UI.