@meysam213/react-leaflet v1.14.0

React-leaflet for Next.js

this package fixed problems react-leaflet & leaflet for next.js

Next.js 11 is Passed ✔

install with npm

$ npm install @meysam213/react-leaflet

install with yarn

$ yarn add @meysam213/react-leaflet

Usage

first create component

//mapbox.jsx
import { NextMap } from '@meysam213/react-leaflet';

const MapBox = () => {
  return (
    <>
      <NextMap lat={50} lng={50} />
    </>
  );
};

and for use with next.js import dynamic

//pages/mapPage.jsx
import dynamic from 'next/dynamic';

const MapBox = dynamic(() => import('components/mapBox'), {
  ssr: false,
});

notice: Due to being SSR, it is necessary to use import dynamics

Props

Author

Github: @premier213

Twitter : @premier213