React-component-depot

Dark Mode

    D'Coders Youtube Page

  • google-map-react
    • Basic Google Maps
    • Custom Google Maps
  • Loading Spinners
  • OTP Box
  • Contact List App
  • Video Players
  • Scroll Indicator
  • Signup Form
  • Custom Hooks demo
  • Data Table
  • File Upload
  • Battery Status
  • Infinite Scrolling
  • Auto Complete
  • HCaptcha
  • ReCaptcha
  • Find My IP
  • Search Filter
  • Accordion
  • Image Zoom
  • File Downloader
  • Tree List
  • Tree Selection (DND)
  • React Leaflet
    • Basic Map
    • Markers
    • Get User Location
    • Draw Shapes
    • Draw Polygon
    • Static Map
    • Print
  • Rating
  • Simple Tabs
  • Debounced Search
  • Cancelable Fetch Request
  • User List Table
  • React Basic
    • Show and Hide based on State
  • Github
  • Built with react
If you like my work, please support by 🔔 subscribing to my youtube channel and give a ⭐ star on github

React Leaflet - Draw polygon, circle, rectangle on map

Youtube Tuorial of this demo Github Source Code

React-leaflet - Draw shapes on map

+−
Draw a polylineDraw a polygonDraw a rectangleDraw a circleDraw a markerDraw a circlemarker
    Edit layersDelete layers
      Leaflet | © MapTiler © OpenStreetMap contributors