Skip to content

Marfle/react-leaflet-nmscale

Repository files navigation

React-Leaflet-NmScale

npm (scoped)

React nautical mile scale component for React-Leaflet

screenshot_nmscale

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 url="https://tiles.openseamap.org/seamark/{z}/{x}/{y}.png" />
  <NmScale />
</MapContainer>

License

MIT See LICENSE file.

About us

Marfle makes software for workboat fleets