Getting started

This package takes care of setting up your project for React Leaflet.

The current npm version is for Gatsby v5.

Step 1

First install the packages.
``
npm i --save gatsby-plugin-react-leaflet react-leaflet leaflet
`

Step 2

Add the plugin to your Gatsby configuration.

$3


`javascript
module.exports = {
plugins: [
{
resolve: 'gatsby-plugin-react-leaflet',
options: {
linkStyles: true // (default: true) Enable/disable loading stylesheets via CDN
}
}
]
}
`

Step 3

Add your React Leaflet components.

``javascript
import React from 'react'
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet'

const IndexPage = () => {
return (

attribution='© OpenStreetMap contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>


A pretty CSS3 popup.
Easily customizable.



)
}