@meysam213/react-leaflet
    TypeScript icon, indicating that this package has built-in type declarations

    1.14.0 • Public • Published

    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

    prop Default Type Necessary
    lat - Number Necessary
    lng - Number Necessary
    scrollWheelZoom true Boolean Optional
    zoomControl false Boolean Optional
    attributionControl false Boolean Optional
    zoom 17 Number Optional
    Height 300px String Optional
    Width 300px String Optional
    popUp Hello! String Optional
    borderRadius 0px String Optional

    Author

    Github: @premier213

    Twitter : @premier213

    Install

    npm i @meysam213/react-leaflet

    DownloadsWeekly Downloads

    44

    Version

    1.14.0

    License

    MIT

    Unpacked Size

    122 kB

    Total Files

    21

    Last publish

    Collaborators

    • meysam213