React-Leaflet-NmScale

React nautical mile scale component for React-Leaflet

Install

npm install @marfle/react-leaflet-nmscale

Usage

Import:

import { MapContainer, TileLayer } from 'react-leaflet';
import { NmScale } from '@marfle/react-leaflet-nmscale';

Use:

<MapContainer center={[0, 0]} zoom={10}>
  <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" ></TileLayer>
  <TileLayer url="https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png" ></TileLayer>
  <NmScale ></NmScale>
</MapContainer>

License

MIT
See LICENSE file.

About us

Marfle makes software for workboat fleets