@pirireis/react-carto-map-gl/src/components/Map/README.md

```js

import {Map, Layer, Source, MapProvider} from '@pirireis/react-carto-map-gl';

<div style={{height: '400px'}}>
    <MapProvider>
        <Map
            containerStyle={{height: '100%'}}
            mapStyle={'mapbox://styles/mapbox/streets-v11'}
            token={'pk.eyJ1IjoidWZ1a2Jvemt1cnQiLCJhIjoiUExkVVVQayJ9.ZBMMVm95zTbvvIuMELOerA'}
            zoom={12}
            center={[-87.622088, 41.878781]}
            id={'my-sample-map'}>
            <Source
                id={'vectorTileSource'}
                type={'mapbox'}
                dataType={'vector'}
                vectorTileUrl={
                    'https://d25uarhxywzl1j.cloudfront.net/v0.1/{z}/{x}/{y}.mvt'
                }
            />

            <Layer
                id={'tileLayer'}
                sourceId={'vectorTileSource'}
                type={'line'}
                sourceLayer={'mapillary-sequences'}
                layout={{'line-join': 'round', 'line-cap': 'round'}}
                paint={{
                    'line-color': '#ff69b4',
                    'line-width': 3
                }}
            />
        </Map>
    </MapProvider>
</div>
```