Tutorial: React ⚛ + Leaflet 🗺

• react-leaflet-example

  1 20 0.0 TypeScript

  Paris city places using leaflet

For a sake of visibility, I will put only some part of the code in this article, but feel free to check the source code on Github repo

• create-react-app

  575 101,853 1.5 JavaScript

  Set up a modern web app by running one command.

  

Let's create our project with create-react-app

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-leaflet

  39 4,917 2.1 TypeScript

  React components for Leaflet maps

Install leaflet and react-leaflet

• Leaflet

  219 39,937 8.9 JavaScript

  🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

  

Leaflet is the most popular open-source library for interactive maps. You can add markers to a map, make a circle, square, line, and much more interesting stuff. Check the documentation for more: https://leafletjs.com/

Suggest a related project