react-leaflet

There are 5 repositories under react-leaflet topic.

• SashenJayathilaka / Airbnb-Build

  Full Stack Airbnb Clone with Next.js 13 Tailwind-css, Prisma, MongoDB, NextAuth, Framer-motionSocial, Login (Google and Facebook), Image upload, Cloudinary CDN, Location selection, Map component, Country autocomplete, Fetching listings with server components

  axiosdate-fnsmongodbnext-authnext-js-13prisma-clienttypescriptworld-countriesreact-hook-formreact-iconsreact-leafletreact-selectreact-toastifycloudinaryframer-motionquery-stringreact-date-rangebcrypttailwindcsszustand
  Language:TypeScript 361

• alex3165 / react-leaflet-draw

  React component for leaflet-draw on top of react-leaflet

  react-leafletleaflet-drawreact-leaflet-drawreactmap
  Language:JavaScript 254

• clhenrick / React-Leaflet-demo

  Demo of a Leaflet map created with React

  reactreact-leafletleafletdemoes2015leaflet-map
  Language:JavaScript 216
• next-leaflet-starter

  colbyfayock / next-leaflet-starter

  🍃 A Next.js starter with Leafet to quickly build React apps with a map!

  leafletnextjsnextleafletjsreactreactjsreact-leaflethacktoberfest
  Language:JavaScript 196

• tomickigrzegorz / react-leaflet-examples

  :maple_leaf: A collection of examples on how to use the react-leaflet and leaflet libraries.

  react-leafletmarkerscoordinatespolygonstilelayersleafletmapsgeojsonmap
  Language:JavaScript 150
• gatsby-starter-leaflet

  colbyfayock / gatsby-starter-leaflet

  🍃 A Gatsby starter with Leafet to quickly build React apps with a map!

  gatsbyleafletgatsby-sitereactgatsby-startergatsby-startersleaflet-mapreact-leafletgatsby-clihacktoberfest
  Language:JavaScript 116

• Coder-JJ / rc-leaflet

  React Map Components of Leaflet.js

  typescriptreactmapcomponentleafletreact-leafletrc-leaflet
  Language:TypeScript 64

• tonghohin / shadcn-map

  A map component for shadcn/ui.

  leafletreact-leafletshadcn-ui
  Language:TypeScript 55

• aviklai / react-leaflet-google-layer

  Google layer for React-Leaflet using leaflet.gridlayer.googlemutant, implemented with typescript

  google-mapsgoogle-maps-apileafletleafletjsreactreact-leafletreactjs
  Language:TypeScript 54

• berthutapea / msnproduction.com

  MSN PRODUCTION is a company that provides services for creating websites, mobile applications, branding & creative content, as well as internet marketing & advertising according to your business needs at low prices with luxurious quality.

  company-profilecssdaisyuiemailjsframer-motionjavascriptleafletreactreact-iconsreact-leafletreact-slickreact-type-animationtailwindcss
  Language:JavaScript 49

• colbyfayock / coronavirus-map-dashboard

  🦠 Coronavirus (COVID-19) Map Dashboard using coronavirus-tracker-api

  coronavirusmap-dashboardgatsbyleafletgatsby-sitereact-leafletleaflet-mapmappingmapsmap
  Language:JavaScript 43

• slutske22 / react-esri-leaflet

  react components for esri-leaflet

  esri-leafletreact-leafletleafletreact
  Language:TypeScript 38

• NicolasMarqui / MarcaPonto

  ⏰ Marca Ponto is a web-based time clock solution that allows you to track employee time and attendance online using a standard web browser.

  aprovar-pontoshtmlintlleafletleaflet-drawpontoreactreact-leafletsistematypescript
  Language:TypeScript 35

• adamscybot / react-leaflet-component-marker

  A tiny wrapper for react-leaflets Marker component that allows you to use a React component as a marker, with working state, handlers, and access to parent contexts.

  leafletreactreact-leaflettypescript
  Language:TypeScript 33

• jst-seminar-rostlab-tum / wfp-hunger-map

  Real-time insights on global hunger trends and food insecurity data: https://wfp-hunger-map.vercel.app/ Docs: https://docs-wfp-hungermap.netlify.app/

  cseehighchartshungermapleafletnextjsnextuiopen-sourcereact-leaflettailwindcsstanstack-querytypescriptwfp
  Language:TypeScript 32

• arg0navt / leaflet-react-track-player

  This is plugin for react-leaflet. It create player for control of track. 🍃🌎⚔

  leafletreactreact-leafletplayer
  Language:JavaScript 29

• chschoenenberger / dash_leaflet

  Leaflet component for dash. Illustration of error encountered during python build.

  dashleafletplotly-dashpythonreact-leaflet
  Language:CSS 24

• yuiseki / crisis-news-map-next

  🗺 Source code of https://crisis.yuiseki.net/ . Web service that collects disaster-related news articles and displays them on a map.

  leafletreact-leafletnextjstypescriptmongodbreact
  Language:TypeScript 20

• DanielAraldi / DS-Delivery

  DS Delivery is a web and mobile delivery application for users who want to register and deliver orders. 🍔 @devsuperior

  javatypescriptreactjsreact-nativespring-bootspring-initializrpostgresqlnpmmapboxexpoherokunetlifyreact-leafletreact-selectreact-toastify
  Language:TypeScript 19

• OthmaneNissoukin / nextjs-hotel-booking

  Hotel Booking System is a full-stack app for reserving hotel rooms, featuring authentication, date filtering, room sorting, and user-friendly booking with dynamic availability.

  authjscompound-componentsdate-fnshotel-bookingmemoizationnextjsoauthreact-datepickerreact-hot-toastreact-leafletserveractionsserverside-renderingsupabasezod-validation
  Language:JavaScript 19

• aviklai / react-leaflet-kml

  React leaflet wrapper of leaflet-kml

  kmlleafletreactreact-leaflettypescript
  Language:TypeScript 18

• maliut / react-leaflet-react-pixi

  Write Leaflet and PixiJS applications using React declarative style.

  leafletleaflet-overlaypixipixijsreactreact-leafletreact-pixi
  Language:JavaScript 18

• slutske22 / react-leaflet-editable-popup

  A react-leaflet component which expands the functionality of a popup

  leafletreact-leafletreact-leaflet-v3popupmarkersleaflet-popup
  Language:JavaScript 17

• yakin-ts / ip-address-tracker

  A React application built with TypeScript and Vite. It uses the IP Geolocation API to fetch and display information about an IP address. A responsive website with interactive real-time map.

  ipgeolocation-apileafletjsmapsreact-leafletresponsive-websitetaliwindcsstypescriptlearnreactjs
  Language:TypeScript 17

• DanielArturoAlejoAlvarez / react-map-leaflet-geolocation

  Software of Application with React, NodeJS and Leaflet.

  nodejsreactleafletreact-leaflet
  Language:JavaScript 16

• Z4nR / WhatGeo

  This repository contain API for Indonesian Province and City using GeoJSON Format File and API Documentation Website

  apidaisyuigeojson-datageospatialindonesian-mapleafletjsreact-leafletredis
  Language:JavaScript 16

• bcgov / biohubbc

  Species Inventory Management System (SIMS)

  biodiversityspeciesenvflnrflnroreactmaterial-uibiohubexpresskeycloakreact-leafletsimswlrsobject-storepostgispostgresqlopenshift
  Language:TypeScript 15

• ms-aija / LeafletReact5minDemo

  A step by step guide to set up a basic Leaflet map in a React project.

  leafletreactreact-leafletstep-by-step-guide
  Language:JavaScript 15

• azavea / geotrellis-collections-api-research

  A research project to investigate using GeoTrellis as a REST service

  geotrellisreactreduxleafletreact-leafletvictoryakka-httpscalaspark
  Language:JavaScript 14

• dekguh / Leaflet.MoveMarker

  L.MoveMarker is a leaflet plugin that is used to create moving marker and also trail polyline animation.

  gisleafletleafletjsjavascriptmoving-markerreact-leaflet
  Language:JavaScript 14

• holytrips / react-leaflet-marker

  To use React components as map markers with react-leaflet

  reactreact-leafletleafletreact-leaflet-marker
  Language:TypeScript 14

• oxy86 / react-leaflet-maps-shapefile

  React app with a full-screen interactive map and a simple button to upload geospatial data files in shapefile format.

  gisgis-dataleafletleaflet-mapmapsreactreact-demoreact-example-appreact-examplesreact-leafletreactjsshapefileshpjs
  Language:JavaScript 13

• uchiha-suraj / covid-19-tracker-app

  🌡 It's a real time covid tracker application, we can track real time covid cases here.

  covid-19visualizationdata-visualizationreactreact-leafletreact-chartjsnumeralmetarial-uifirebase
  Language:JavaScript 13

• aviklai / react-leaflet-load-geodata

  Loading geodata (such as GeoTIFF, shapefiles, zipped shapfiles, geojsons) on a react-leaflet map

  geojsongeorasterleafletleafletjsreact-leafletshapefiletif
  Language:TypeScript 12

• hugobarragon / react-leaflet-drift-marker

  react-leaflet-drift-marker for usage with react-leaflet

  reactreact-leafletleafletleaflet-moving-marker
  Language:TypeScript 12

• ujen5173 / airbnb-clone

  Airbnb clone using Nextjs. It has some exciting custom functions / libraries you need to explore. It has awesome animations, and also has a custom date picker. For maps i have used react-leaflet. Do not forget to visit the live demo. Though it is not a full stack but its worth to explore :)

  airbnbairbnb-cloneairbnb-data-scrapperclone-appcustom-builddate-pickerdate-picker-rangeexpressnextjsnodejspuppeteerreactreact-leafletscrappertailwindtailwind-csstailwindcssweb-scrapper
  Language:JavaScript 11