JavaScript Map

Open-source JavaScript projects categorized as Map | Edit details

Top 23 JavaScript Map Projects

  • GitHub repo 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 | | 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.

    It requires a mapbox user license with billing enabled to use this code, let alone make modifications. But the source is viewable on github.

  • GitHub repo react-map-gl

    React friendly API wrapper around MapboxGL JS

    Project mention: Burger Map: Fetching and Displaying Data with React | | 2021-12-15

    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.

  • GitHub repo mapscii

    🗺 MapSCII is a Braille & ASCII world map renderer for your console - enter => telnet <= on Mac (brew install telnet) and Linux, connect with PuTTY on Windows

    Project mention: OSM Geo Mapper - Navigate OpenStreetMap data in the terminal | | 2021-06-14

    Maybe you don't know about mapscii yet, a similar project written in JS which could definitely be a great source of inspiration? ;)

  • GitHub repo google-map-react

    Google map library for react that allows rendering components as markers :tada:

    Project mention: Easiest Way to Implement Heatmaps in your React applications | | 2021-12-26

    To get more info about this package, visit -->

  • GitHub repo Leaflet.markercluster

    Marker Clustering plugin for Leaflet

    Project mention: How do i create an map with amount of accumulated rain? | | 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.

  • GitHub repo mapus

    A map tool with real-time collaboration 🗺️

    Project mention: LeafletJS | | 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.


  • GitHub repo 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 | | 2021-08-18

    Personally I'm much more confused by the existence of .

  • 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.

  • GitHub repo buckets

    A complete, fully tested and documented data structure library written in pure JavaScript.

  • GitHub repo maps

    A Mapbox GL react native module for creating custom maps

    Project mention: Are there any good tutorials on making a GPS app? | | 2021-12-15

    I would recommend using this 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.

  • GitHub repo procedural-gl-js

    Mobile-first 3D mapping engine with emphasis on user experience

    Project mention: Recreating Real-World Terrain with React, Three.js and WebGL Shaders | | 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 ( for creating 3D terrains for web applications, you can see Uluru here: (unfortunately the aerial imagery from our default provider isn't as high resolution as other places in Europe)

  • GitHub repo jQuery-Mapael

    jQuery plugin based on raphael.js that allows you to display dynamic vector maps

    Project mention: Blazor Data Visualization Tools - Vector Map and Charts | | 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:

  • GitHub repo 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? | | 2022-01-12


  • GitHub repo react-native-map-clustering

    React Native map clustering both for Android and iOS.

    Project mention: Best approach to render markers in 100's without losing performance !? | | 2021-12-22 is one option i’ve used with over 400 markers on the map

  • GitHub repo GoNorth

    GoNorth is a story and content planning tool for RPGs and other open world games.

    Project mention: Some Storytelling/Structuring Tips? | | 2022-01-10

    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.

  • GitHub repo hashmap

    HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified (by flesler)

  • GitHub repo react-map-gl

    React Component Library for Mapbox GL JS (by urbica)

    Project mention: Managing mapbox-gl state in React app | | 2021-06-25

    @urbica/react-map-gl - the size of the bundle and api is about the same as react-mapbox-gl

  • GitHub repo react-gmaps

    A Google Maps component for React.js

  • GitHub repo maps

    🌍🌏🌎 The whole world fits inside your cloud! (by nextcloud)

    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! | | 2021-08-21
  • GitHub repo react-googlemaps

    A declarative React interface to Google Maps

  • GitHub repo VTS Browser JS

    JavaScript WebGL 3D map rendering engine

  • GitHub repo 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. | | 2022-01-16
  • GitHub repo react-svg-map

    A set of React.js components to display an interactive SVG map

  • GitHub repo image-map

    Responsive, dynamic image maps. (by clarketm)

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-16.

JavaScript Map related posts


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
Find remote jobs at our new job board There are 29 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.