@marfle/react-leaflet-nmscale
Advanced tools
Comparing version 2.0.0 to 2.0.1
@@ -6,3 +6,3 @@ /// <reference types="react" /> | ||
} | ||
export declare const NmScale: import("react").ForwardRefExoticComponent<NmScaleProps & import("react").RefAttributes<any>>; | ||
export declare const NmScale: import("react").ForwardRefExoticComponent<NmScaleProps & import("react").RefAttributes<LeafletNmScale>>; | ||
export {}; |
{ | ||
"name": "@marfle/react-leaflet-nmscale", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "Nautical mile scale for react-leaflet", | ||
@@ -28,5 +28,5 @@ "main": "dist/nmscale.js", | ||
"react-leaflet-v3", | ||
"react-leaflet-v4", | ||
"react", | ||
"leaflet", | ||
"map", | ||
"nautical", | ||
@@ -45,25 +45,26 @@ "scale" | ||
"peerDependencies": { | ||
"react-leaflet": "^3.0.0" | ||
"react-leaflet": "^3.0.0 || ^4.0.0" | ||
}, | ||
"devDependencies": { | ||
"@babel/cli": "^7.12.1", | ||
"@babel/core": "^7.12.3", | ||
"@babel/preset-env": "^7.12.1", | ||
"@babel/preset-react": "^7.12.1", | ||
"@babel/preset-typescript": "^7.12.1", | ||
"@types/jest": "^26.0.15", | ||
"@types/leaflet": "^1.5.19", | ||
"@types/react": "^16.9.55", | ||
"@types/react-dom": "^16.9.9", | ||
"@typescript-eslint/eslint-plugin": "^4.6.0", | ||
"@typescript-eslint/parser": "^4.6.0", | ||
"eslint": "^7.12.1", | ||
"eslint-plugin-react": "^7.21.5", | ||
"jest": "^26.6.1", | ||
"leaflet": "^1.7.1", | ||
"react": "^17.0.1", | ||
"react-dom": "^17.0.1", | ||
"react-leaflet": "^3.0.0", | ||
"typescript": "^4.0.5" | ||
"@babel/cli": "^7.17.6", | ||
"@babel/core": "^7.17.9", | ||
"@babel/preset-env": "^7.16.11", | ||
"@babel/preset-react": "^7.16.7", | ||
"@babel/preset-typescript": "^7.16.7", | ||
"@testing-library/react": "^12.1.5", | ||
"@types/jest": "^27.4.1", | ||
"@types/leaflet": "^1.7.9", | ||
"@types/react": "^18.0.5", | ||
"@types/react-dom": "^18.0.1", | ||
"@typescript-eslint/eslint-plugin": "^5.19.0", | ||
"@typescript-eslint/parser": "^5.19.0", | ||
"eslint": "^8.13.0", | ||
"eslint-plugin-react": "^7.29.4", | ||
"jest": "^27.5.1", | ||
"leaflet": "^1.8.0", | ||
"react": "^17.0.2", | ||
"react-dom": "^17.0.2", | ||
"react-leaflet": "^3.2.5", | ||
"typescript": "^4.6.3" | ||
} | ||
} |
@@ -20,3 +20,3 @@ # React-Leaflet-NmScale | ||
```javascript | ||
import { Map, TileLayer } from 'react-leaflet'; | ||
import { MapContainer, TileLayer } from 'react-leaflet'; | ||
import { NmScale } from '@marfle/react-leaflet-nmscale'; | ||
@@ -28,7 +28,7 @@ ``` | ||
```jsx | ||
<Map center={[0, 0]} zoom={10}> | ||
<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 /> | ||
</Map> | ||
</MapContainer> | ||
``` | ||
@@ -35,0 +35,0 @@ |
7791
20