• React-leaflet v4 support
• Typescript support

React-leaflet-nauticsale is a plugin for react-leaflet. A wrapper component of leaflet.nauticscale.

• Install NodeJS
• Run react-leaflet-nauticsale

Make sure that you haveve installed react, react-leaflet and leaflet.

import { MapContainer } from "react-leaflet"; import ScaleNautic from "react-leaflet-nauticsale"; import "leaflet/dist/leaflet.css"; const Demo = () => { return ( <MapContainer center={[51.505, -0.09]} zoom={13}> <ScaleNautic nautic={true} /> </MapContainer> ); };

See: https://github.com/wattnpapa/leaflet.nauticscale

See the license