Top 23 JavaScript Map Projects
-
mapbox-gl-js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Project mention: Reimagining projections for the interactive maps era | news.ycombinator.com | 2021-12-13> too bad it doesn't come with some code
Mapbox changed the license of their code last year I think to a proprietary one. https://github.com/mapbox/mapbox-gl-js/blob/main/LICENSE.txt
It requires a mapbox user license with billing enabled to use this code, let alone make modifications. But the source is viewable on github.
-
To display the data on a map let's install the ReactMapGL component.
-
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.
-
mapscii
🗺 MapSCII is a Braille & ASCII world map renderer for your console - enter => telnet mapscii.me <= on Mac (brew install telnet) and Linux, connect with PuTTY on Windows
Project mention: OSM Geo Mapper - Navigate OpenStreetMap data in the terminal | reddit.com/r/rust | 2021-06-14Maybe you don't know about mapscii yet, a similar project written in JS which could definitely be a great source of inspiration? ;)
-
To get more info about this package, visit -->
-
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 .
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
-
Project mention: Are there any good tutorials on making a GPS app? | reddit.com/r/reactnative | 2021-12-15
I would recommend using this https://github.com/react-native-mapbox-gl/maps and then diving into mapbox. There are lots of good examples in the repo for how to draw lines and stuff. Then you can use whatever directions API you want.. I think they offer one, and of course there's google, etc.
-
Project mention: Recreating Real-World Terrain with React, Three.js and WebGL Shaders | news.ycombinator.com | 2021-02-23
Nice writeup, I always like it when the shaders are highlighted like this. I got started in a similar way 7 years ago and have been making 3D terrains with THREE.js & WebGL since.
The real fun begins when you need to implement some sort of Level-of-Detail system and streaming in data to give the illusion of high detail everywhere without sacrificing performance.
Last year I released an open-source framework (https://github.com/felixpalmer/procedural-gl-js) for creating 3D terrains for web applications, you can see Uluru here: https://www.procedural.eu/map/?longitude=131.036&latitude=-2... (unfortunately the aerial imagery from our default provider isn't as high resolution as other places in Europe)
-
Project mention: Blazor Data Visualization Tools - Vector Map and Charts | reddit.com/r/Blazor | 2021-12-01
For anyone interested or looking for a charting/vector map tool for Blazor, my organisation has developed and open sourced some packages that sit on top of a couple excellent JS libraries that handle these needs beautifully, Chartist.JS and JQuery Mapael. They are available in the nuget repository, source links below:
-
uMap
uMap lets you create maps with OpenStreetMap layers in a minute and embed them in your site. (by umap-project)
Project mention: How to create and host collaborate community map? | reddit.com/r/openstreetmap | 2022-01-12- https://github.com/umap-project/umap/blob/master/docs/install.md
-
Project mention: Best approach to render markers in 100's without losing performance !? | reddit.com/r/reactnative | 2021-12-22
https://github.com/venits/react-native-map-clustering is one option i’ve used with over 400 markers on the map
-
If you're interested in structuring your story first, I've heard good things about Arcweave, and GoNorth is a similar open source project if you want to support some FOSS software.
-
hashmap
HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified (by flesler)
-
@urbica/react-map-gl - the size of the bundle and api is about the same as react-mapbox-gl
-
-
Project mention: What am I supposed to do about this? All used to be fine until last update, it's just a stock install of the official NC on an ubuntu server.. Any help would be appreciated! | reddit.com/r/NextCloud | 2021-08-21
-
-
-
OpenRailwayMap
An OpenStreetMap-based project for creating a map of the world's railway infrastructure.
Project mention: Ten partially submerged Hokuriku-shinkansen had to be scrapped because of river flooding during typhoon Hagibis, October 2019, costing JR ¥14,800,000,000. | reddit.com/r/CatastrophicFailure | 2022-01-16 -
-
JavaScript Map related posts
- How to create and host collaborate community map?
- Some Storytelling/Structuring Tips?
- Easiest Way to Implement Heatmaps in your React applications
- Burger Map: Fetching and Displaying Data with React
- Reimagining projections for the interactive maps era
- Ok ok... Then Krasniaky, Russia. It fits the Northern Forest area....
- I just release a new version of GoNorth, a tool to help you design story, npcs, skills, maps, dialogs of rpgs and other open world games
Index
What are some of the best open-source Map projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | mapbox-gl-js | 8,188 |
| 2 | react-map-gl | 6,267 |
| 3 | mapscii | 5,938 |
| 4 | google-map-react | 5,558 |
| 5 | Leaflet.markercluster | 3,321 |
| 6 | mapus | 2,444 |
| 7 | tangram | 1,968 |
| 8 | buckets | 1,182 |
| 9 | maps | 1,163 |
| 10 | procedural-gl-js | 1,127 |
| 11 | jQuery-Mapael | 990 |
| 12 | uMap | 686 |
| 13 | react-native-map-clustering | 540 |
| 14 | GoNorth | 391 |
| 15 | hashmap | 372 |
| 16 | react-map-gl | 341 |
| 17 | react-gmaps | 315 |
| 18 | maps | 305 |
| 19 | react-googlemaps | 221 |
| 20 | VTS Browser JS | 185 |
| 21 | OpenRailwayMap | 179 |
| 22 | react-svg-map | 169 |
| 23 | image-map | 106 |
Are you hiring? Post a new remote job listing for free.
