JavaScript Leaflet

Open-source JavaScript projects categorized as Leaflet | Edit details

Top 23 JavaScript Leaflet Projects

  • Leaflet

    :leaves: JavaScript library for mobile-friendly interactive maps

    Project mention: Are there any good libraries for a map of the United States that is clickable? | reddit.com/r/Angular2 | 2022-01-18
  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

    Project mention: [OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website | reddit.com/r/dataisbeautiful | 2021-06-07

    Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • Leaflet.markercluster

    Marker Clustering plugin for Leaflet

    Project mention: How do i create an map with amount of accumulated rain? | reddit.com/r/reactjs | 2021-06-23

    So you'd want to have a map where you plot the amount of rainfall at different coordinate points? You'd prob want to get the data in JSON format then you could use Leaflet Marker Cluster to plot the rainfall amount at each coordinate then aggregate them for a particular area.

  • mapus

    A map tool with real-time collaboration 🗺️

    Project mention: LeafletJS | news.ycombinator.com | 2021-08-16

    Super handy library. I used it for a real-time collaborative map tool [1], it's especially useful when it comes to customization, plus it has many plugins which add a lot of functionality. Leaflet Geoman [2] for instance is great for creating all sorts of geometries on the map, I've personally used it for my tool so users can designate areas and paths. So good.

    [1] https://github.com/alyssaxuu/mapus

  • tangram

    WebGL map rendering engine for creative cartography (by tangrams)

    Project mention: Show HN: Tangram – Train, Deploy, and Monitor ML Models in Go/JS/Ruby/Rust/More | news.ycombinator.com | 2021-08-18

    Personally I'm much more confused by the existence of https://github.com/tangrams/tangram .

  • leaflet-geoman

    🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers

    Project mention: LeafletJS | news.ycombinator.com | 2021-08-16
  • ipyleaflet

    A Jupyter - Leaflet.js bridge

    Project mention: Best extensions for JupyterLab!! | dev.to | 2021-12-22
  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • django-leaflet

    Use Leaflet in your Django projects

    Project mention: front end for displaying maps with django | reddit.com/r/django | 2021-12-12

    django-leaflet has been my go-to for a while. Really works well.

  • leaflet-locatecontrol

    A leaflet control to geolocate the user.

    Project mention: LeafletJs - button to pane to user location | reddit.com/r/gis | 2021-04-22

    This plugin does what you want : https://github.com/domoritz/leaflet-locatecontrol

  • Leaflet.VectorGrid

    Display gridded vector data (sliced GeoJSON or protobuf vector tiles) in Leaflet 1.0.0

    Project mention: Why is do I get the error: vectorgrid does not exist on type import ... (Leaflet) | reddit.com/r/Angular2 | 2021-10-20

    Hi I am trying to https://github.com/Leaflet/Leaflet.VectorGrid with leaflet. I have seen that there are no typings for that project so I have created leaflet.vectorgrid.d.ts and used https://github.com/Zahma/Leaflet.VectorGrid/blob/master/leaflet.vectorgrid.d.ts as typings. I have imported both like this:

  • leaflet-color-markers

    color variations of the standard leaflet marker

    Project mention: Covid map - React project day 1. | dev.to | 2021-04-24

    Instead, I used an icon from a small repo: https://github.com/pointhi/leaflet-color-markers

  • qgis2web

    A QGIS plugin to export a map to an OpenLayers, Leaflet, or Mapbox GL JS webmap

    Project mention: Do any of you volunteer your GIS skills to a non-profit? | reddit.com/r/gis | 2021-07-01

    I think the easy option might be qgis2web plugin. Not quite sure it works exactly, but my understanding is it really simplifies the development process. Might be worth having a look https://github.com/tomchadwin/qgis2web

  • leaflet-velocity

    Visualise velocity data on a leaflet layer

    Project mention: Anyone use leafletjs? | reddit.com/r/webdev | 2021-08-02
  • Leaflet.CanvasLayer.Field

    Load and style Raster files in Leaflet (geotiff & asciigrid)

    Project mention: Need help developing a website that shows wind data on an interactive map | reddit.com/r/gis | 2021-06-03

    Have a look at: https://github.com/IHCantabria/Leaflet.CanvasLayer.Field. I think you are looking for this type of visualization.

  • acf-openstreetmap-field

    WordPress ACF Field for OpenStreetMap

    Project mention: Advanced Custom Fields question | reddit.com/r/Wordpress | 2021-08-05

    One of these fields stores coordinates (or Map points) and displays a pin on an OpenStreet Map. The reason I am choosing OpenStreet instead of Google is because Google now require a payment card for their Maps that my boss doesn't want to provide. This part is achieved by using the ACF OpenStreetMap Field plugin.

  • enmodal

    transit planning & analysis in your browser

    Project mention: Looks like Brand New Subway is no longer online :( | reddit.com/r/BrandNewSubway | 2021-12-06

    Interestingly enough, the developer has another game called Enmodal, which is a sequel to BNS. That too has been online and was taken down and had its source code made available. However, there are instructions to get enmodal via the link here https://github.com/jpwright/enmodal.

  • Leaflet.BigImage

    A leaflet plugin that allows users to receive a large map area and download it.

    Project mention: Custom Strava Heatmap Generator - v2.0! | reddit.com/r/Strava | 2021-10-06

    PHP for the API calls, and Javascript for everything else. For the export, I found and modified this gem: https://github.com/pasichnykvasyl/Leaflet.BigImage

  • Classified-ads-48

    💨 A lightweight classified-ads web-app with maps. NodeJS + Leaflet 🗺️ + MongoDB 💽. Utilizes a lot of wisely picked vanilla JS libraries 🧱

    Project mention: [Help wanted] on an Express/Mongo/vanilla JS web app | reddit.com/r/node | 2022-01-13

    I posted before asking for help on Classified-ads-48 and got very nice PRs that kept me motivated and made me learn very nice techniques and features in the NodeJS ecosystem and in web dev in general.

  • Leaflet.RegularGridCluster

    leaflet plugin that implements grid-style visualization and clustering method

    Project mention: Which GIS tool can provide an interface for box overlays such as this? | reddit.com/r/gis | 2021-05-16

    If you have only points, you'll have to cluster them. You can either do it on your side (e.g. in QGIS creating a Vector Grid and summarize the values of the points in each cell), or on the client side using a clustering visualization like this or this .

  • coffee-maps

    Crowdsourced map of San Francisco Bay Area third-wave coffee roasters. Built using React, Material-UI, and LeafletJS connected to Google Sheets for easy community editing! ☕

    Project mention: To Find a Cheap Cheese Pizza, I Researched Prices for All the Pizza Restaurants in Portland. Here's the Cheapest. | reddit.com/r/Portland | 2022-01-02
  • 1090webclient

    A web client for dump1090

    Project mention: Best way to map logged data from dump1090? | reddit.com/r/ADSB | 2021-07-16

    If you know the format of the log file, and don't need anything but to display it on a map, I can throw something together for you. I have a live dump1090 web client I could modify to do it

  • noita-map-viewer

    A fast, fully-responsive, OpenSeadragon-based map viewer for the videogame Noita.

    Project mention: are there any tools to create a map of my seed? | reddit.com/r/noita | 2021-11-01

    Yes there is such a tool. "noita map viewer", https://github.com/whalehub/noita-map-viewer, by Whalehub. See section on "How can I use my own map with this viewer?"

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-01-18.

JavaScript Leaflet related posts

Index

What are some of the best open-source Leaflet projects in JavaScript? This list will help you:

Project Stars
1 Leaflet 32,776
2 heatmap.js 5,698
3 Leaflet.markercluster 3,326
4 mapus 2,493
5 tangram 1,979
6 leaflet-geoman 1,388
7 ipyleaflet 1,209
8 leaflet-search 601
9 django-leaflet 600
10 leaflet-locatecontrol 600
11 Leaflet.VectorGrid 493
12 leaflet-color-markers 435
13 qgis2web 394
14 leaflet-velocity 388
15 Leaflet.CanvasLayer.Field 142
16 acf-openstreetmap-field 84
17 enmodal 37
18 Leaflet.BigImage 37
19 Classified-ads-48 16
20 Leaflet.RegularGridCluster 15
21 coffee-maps 7
22 1090webclient 7
23 noita-map-viewer 7
Find remote jobs at our new job board 99remotejobs.com. There are 30 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com