Top 23 JavaScript Leaflet Projects
-
Project mention: Are there any good libraries for a map of the United States that is clickable? | reddit.com/r/Angular2 | 2022-01-18
-
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.
-
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.
-
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.
-
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 .
-
-
-
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.
-
Im using leafletjs in a project to display a map with some markers. I have several map layers (OSM, GoogleMaps, etc) and I wanted to add a search box to search for some markers. I was using this : https://github.com/stefanocudini/leaflet-search But whenever I add it, for some reason, the layer control from the maps disappear. I think that maybe it’s because I’m creating a new layerGroup to have the controlSearch but I’m not sure. Does anyone have any idea on how to solve this? Or atleast any suggestion on which path I should go through ?
-
django-leaflet has been my go-to for a while. Really works well.
-
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-20Hi 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:
-
Instead, I used an icon from a small repo: https://github.com/pointhi/leaflet-color-markers
-
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
-
-
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.
-
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.
-
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.
-
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-13I 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-16If 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 -
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
-
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?"
JavaScript Leaflet related posts
- Are there any good libraries for a map of the United States that is clickable?
- Processes For A Huge Map
- Built a free tool for Londoners to explore neighbourhoods in the commuter belt
- [Help wanted] on an Express/Mongo/vanilla JS web app
- Looking for a project!
- How to plot a bunch of geo data on to a map?
- Using Constraints and Pipelines for a more intuitive JavaScript web-apps
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 |
Are you hiring? Post a new remote job listing for free.
