JavaScript Maps

Open-source JavaScript projects categorized as Maps
Edit details
Topics: Map JavaScript Openstreetmap Gis Leaflet
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

Top 23 JavaScript Map Projects

  • Leaflet

    🍃 JavaScript library for mobile-friendly interactive maps 🇺🇦

    • Project mention: JavaScript Libraries That You Should Know | dev.to | 2024-03-19

    9. Leaflet

  • Cesium

    An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • OpenLayers3

    OpenLayers

    • Project mention: Zooming User Interface (ZUI) | news.ycombinator.com | 2024-04-15

    You probably know this, but in Google Maps at least, you can use browser zoom (ctrl/cmd +/-) to change the size of labels without zooming into the actual map.

    ------

    Speaking of maps, I got to work a fun zoom project a few years ago: https://map.fieldmuseum.org/

    We used https://openlayers.org/ and thought long and hard about how to best handle zooming and variable levels of information density & visual hierarchy. If you zoom all the way out, we just highlight where the building is relative to the surroundings. As you start to zoom in, we start to highlight major exhibitions and entrances. Then as you zoom in more, we start showing recommended paths, smaller exhibitions, etc. The label sizes try to scale up and down at each level, smoothly, in order to balance readability and density.

    Eventually you can reach the max zoom level and the labels will just grow bigger and bigger, but the SVGs dynamically shrink so they remain pictograms and not just contextless-lines.

    Then if you keep going, you eventually find microscopic easter eggs :)

    The code is pretty jank (and abandoned), but it's FOSS vanilla JS/HTML/CSS, and the only dependency is on OpenLayers: https://github.com/arcataroger/openlayers_indoor_map

  • google-map-react

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

  • mapus

    A map tool with real-time collaboration 🗺️

    • Project mention: Map Tool with Live-Collaboration | news.ycombinator.com | 2024-02-06

    The original website (I assume your project is fork?) shows proper attribution in the screenshot/video https://github.com/alyssaxuu/mapus

  • WebODM

    User-friendly, commercial-grade software for processing aerial imagery. 🛩

    • Project mention: Microsoft PHOTOSYNTH is gone, what do I use for free photogrammetry now? | /r/photography | 2023-12-06

    I've also worked with WebODM but that's more for drone mapping and can be a little tricky to get to work for free.

  • supercluster

    A very fast geospatial point clustering library for browsers and Node.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • geojson.io

    A quick, simple tool for creating, viewing, and sharing spatial data

  • jqvmap

    jQuery Vector Map Library

  • polymaps

    Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.

  • jsts

    JavaScript Topology Suite

  • timezone-boundary-builder

    A tool to extract data from Open Street Map (OSM) to build the boundaries of the world's timezones.

    • Project mention: Falsehoods programmers believe about time zones | news.ycombinator.com | 2024-02-13

    They don't really bother me. They aren't AI spam, and some folks may enjoy them. It's pretty easy to not click on a link, for me.

    TZ are a fun project. I found that it's difficult to translate a long/lat into a TZ ID, so I wrote this[0].

    Works a charm. It's based on the Timezone Boundary Builder[1].

    [0] https://github.com/LittleGreenViper/LGV_TZ_Lookup

    [1] https://github.com/evansiroky/timezone-boundary-builder

  • django-leaflet

    Use Leaflet in your Django projects

  • react-native-map-clustering

    React Native map clustering both for Android and iOS.

  • polygon-clipping

    Apply boolean polygon clipping operations (union, intersection, difference, xor) to your Polygons & MultiPolygons.

  • flatten-js

    Javascript library for 2d geometry

  • mapview

    Interactive viewing of spatial data in R

  • maps

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

  • map33.js

    A JavaScript library to make 3D maps with three.js.

  • react-map-gl

    React Component Library for Mapbox GL JS (by urbica)

  • historical-basemaps

    Collection of georeferenced boundaries of world countries and cultural regions for use in mapping historical data on global or continental scale

  • OpenRailwayMap

    An OpenStreetMap-based project for creating a map of the world's railway infrastructure.

    • Project mention: Waterway Map | news.ycombinator.com | 2024-01-24

    Looks nice but it's probably not really usable for navigation. I checked the Netherlands and Germany. You'd need more details for safely navigating on the water. But it definitely has potential.

    There are also some other specialized open street map based maps for

    - rails: https://www.openrailwaymap.org/

    - cycling: https://www.opencyclemap.org/

    - sea map (competes with this I guess, and is a bit more detailed for navigation): https://map.openseamap.org/

    And probably loads of other ones.

  • AzureMapsCodeSamples

    A set of code samples for the Azure Maps web control.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript Maps related posts

Index

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

Project Stars
1 Leaflet 40,031
2 Cesium 11,889
3 OpenLayers3 10,926
4 google-map-react 6,300
5 mapus 3,256
6 WebODM 2,661
7 supercluster 2,022
8 geojson.io 1,842
9 jqvmap 1,813
10 polymaps 1,596
11 jsts 1,441
12 timezone-boundary-builder 820
13 django-leaflet 701
14 react-native-map-clustering 669
15 polygon-clipping 530
16 flatten-js 513
17 mapview 507
18 maps 478
19 map33.js 420
20 react-map-gl 419
21 historical-basemaps 418
22 OpenRailwayMap 320
23 AzureMapsCodeSamples 307

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com