https://github.com/lockblock-dev/react-leaflet-nauticsale

React-leaflet-nauticsale is a plugin for react-leaflet. A wrapper component of leaflet.nauticscale.
https://github.com/lockblock-dev/react-leaflet-nauticsale

leaflet nauticsale react react-leaflet-v4

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lockblock-dev/react-leaflet-nauticsale
• Owner: LockBlock-dev
• License: mit
• Created: 2024-07-29T15:23:43.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-07-29T17:34:29.000Z (6 months ago)
• Last Synced: 2024-11-08T15:17:33.443Z (3 months ago)
• Topics: leaflet, nauticsale, react, react-leaflet-v4
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-leaflet-nauticsale
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-leaflet-nauticsale [![npm version](https://img.shields.io/npm/v/react-leaflet-nauticsale.svg)](https://www.npmjs.com/package/react-leaflet-nauticsale)

-   React-leaflet v4 support

-   Typescript support

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

## Installation

-   Install [NodeJS](https://nodejs.org)

-   Run `react-leaflet-nauticsale`

## Prerequisites

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

## Example usage

```tsx

import { MapContainer } from "react-leaflet";

import ScaleNautic from "react-leaflet-nauticsale";

import "leaflet/dist/leaflet.css";

const Demo = () => {

    return (

        

            

        

    );

};

```

## Reference

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

## Copyright

See the [license](/LICENSE)