JavaScript Leaflet

Open-source JavaScript projects categorized as Leaflet

Top 23 JavaScript Leaflet Projects

  • Leaflet

    🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

    Project mention: How to Build a Graph Visualization Engine and Why You Shouldn’t | | 2023-02-07

    Currently, Orb comes with two different views to use: DefaultView and MapView. DefaultView is, as the name suggests, a default view where the graph is rendered on a blank canvas. MapView, on the other hand, renders a graph on top of the map background where each node needs to have a geo position (latitude and longitude). MapView uses Leaflet which is the leading open-source JavaScript library for interactive maps.

  • heatmap.js

    🔥 JavaScript Library for HTML5 canvas based heatmaps

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Leaflet.markercluster

    Marker Clustering plugin for Leaflet

  • mapus

    A map tool with real-time collaboration 🗺️

    Project mention: 23 good map websites - Free SVG maps, online editable map, live map of the wind patterns on earth | | 2022-08-30 - tool to explore and annotate collaboratively on a map. You can draw, add markers, lines, areas, find places to go, observe other users, and much more.

  • tangram

    WebGL map rendering engine for creative cartography (by tangrams)

  • leaflet-geoman

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

    Project mention: Wanting to put a collaborative map on our organizations website. That logs who does what actions, but allows for members to place pins and make comments about places. We are all tour guides | | 2022-11-06

    This project was a react app using Leaflet for the map and for the advanced line drawing tools. Unfortunately all that was ever used by the client was pins … we do cluster them however.

  • ipyleaflet

    A Jupyter - Leaflet.js bridge

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • leaflet-locatecontrol

    A leaflet control to geolocate the user.

    Project mention: GeoServer enabling https | | 2022-11-20

    I have been working with GeoServer well in 8080 and have now started working on getting a web application built in Leaflet. A main component I want is location tracking/identification. I have been following this video tutorial for the following plugin info. I was able to get the "my location" button to add to map successfully, but receive the following error: "Geolocation error: Only secure origins are allowed".

  • django-leaflet

    Use Leaflet in your Django projects

  • Leaflet.VectorGrid

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

  • leaflet-color-markers

    color variations of the standard leaflet marker

  • leaflet-velocity

    Visualise velocity data on a leaflet layer

  • qgis2web

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

    Project mention: Open source mobile webmap inquiry: plant identification | | 2023-01-24
  • mapview

    Interactive viewing of spatial data in R

    Project mention: Looking for some HW help. | | 2022-03-20
  • leaflet-elevation

    Leaflet plugin that allows to add elevation profiles using d3js

    Project mention: Show HN: I made an offline-ready hiking trail companion app | | 2022-11-01

    I wish I had time to have built that part myself! I'm leaning heavily on open source plugins like these [1][2]. The gradients are representative of elevation. So red = highest points along the trail and green = lowest points. Where you see sharp gradients from green to red is where the steepest slopes are. There is slope graph that can be setup in the plugin configuration.


  • Leaflet.CanvasLayer.Field

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

  • acf-openstreetmap-field

    WordPress ACF Field for OpenStreetMap


    Open Street Map app - KaiOS

    Project mention: Location tracking! | | 2023-01-28
  • Leaflet.BigImage

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

  • esri-leaflet-vector

    Display ArcGIS Online vector basemaps w/ Esri Leaflet

    Project mention: Can I create custom basemap tiles using QGIS? | | 2022-09-28
  • enmodal

    transit planning & analysis in your browser

    Project mention: Need help setting up software from github | | 2022-08-30
  • wp-plugin-trackserver

    A WordPress plugin for GPS tracking and publishing

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

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 2023-02-07.

JavaScript Leaflet related posts


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

Project Stars
1 Leaflet 36,700
2 heatmap.js 5,900
3 Leaflet.markercluster 3,581
4 mapus 3,020
5 tangram 2,088
6 leaflet-geoman 1,767
7 ipyleaflet 1,324
8 leaflet-locatecontrol 666
9 leaflet-search 657
10 django-leaflet 653
11 Leaflet.VectorGrid 536
12 leaflet-color-markers 523
13 leaflet-velocity 454
14 qgis2web 451
15 mapview 450
16 leaflet-elevation 167
17 Leaflet.CanvasLayer.Field 164
18 acf-openstreetmap-field 90
19 60
20 Leaflet.BigImage 58
21 esri-leaflet-vector 39
22 enmodal 38
23 wp-plugin-trackserver 33
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.