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. Learn more →
Top 23 JavaScript Openstreetmap Projects
-
mapbox-gl-js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
-
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
-
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.
-
-
privacy-redirect
A simple web extension that redirects Twitter, YouTube, Instagram & Google Maps requests to privacy friendly alternatives.
-
uMap
uMap lets you create maps with OpenStreetMap layers in a minute and embed them in your site. (by umap-project)
-
timezone-boundary-builder
A tool to extract data from Open Street Map (OSM) to build the boundaries of the world's timezones.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
-
-
-
OpenRailwayMap
An OpenStreetMap-based project for creating a map of the world's railway infrastructure.
-
-
-
-
osm-static-maps
Openstreetmap static maps is a nodejs lib, CLI and server open source inspired on google static map service
-
-
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.
Project mention: Brave browser simplifies its fingerprinting protections | news.ycombinator.com | 2024-01-22Good. Brave's fiddling with WebGL causes >50% of my bug reports from 1% of users.
[1] https://github.com/mapbox/mapbox-gl-js/issues/10518
[2] https://github.com/mapbox/mapbox-gl-js/issues/8377
Project mention: Show HN: MapSCII – The Whole World in Your Console | news.ycombinator.com | 2024-04-10Based on https://github.com/rastapasta/mapscii, jI ust found this today. Maybe today I am one of the lucky ten thousand(https://xkcd.com/1053/).
The original website (I assume your project is fork?) shows proper attribution in the screenshot/video https://github.com/alyssaxuu/mapus
Project mention: YouTube started slowing video buffer with adblock enabled | news.ycombinator.com | 2024-01-13
Project mention: Anything you wish there was an open source solution for? | /r/selfhosted | 2023-05-16Umap?
Project mention: Falsehoods programmers believe about time zones | news.ycombinator.com | 2024-02-13They 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
no suggestions on how to deal with the file size, but I image the issue with method #1 is that Overpass/OSM JSON is not GeoJSON. You'd want to find or create a python implementation of osmtogeojson https://github.com/tyrasd/osmtogeojson (this is what overpass-turbo uses to generate the GeoJSON you're downloading form it)
Have been using https://opentopomap.org for this for a while, and depending on what you're looking for it still has some advantages: does show the numbers on all height lines (osm only does the 50m one in my area for some reason, leaving you to guess whether the next one is 40m or 60m since that is not always obvious - seems like a key thing for a topographic map), does show the house numbers.
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.
Yeah, the country location is a requirement to show the opening hours. The library (https://github.com/opening-hours/opening_hours.js) is aware of holidays in many countries, but for that it needs to know what country a POI is in.
The country awareness source code is here: https://github.com/pietervdvn/latlon2country
The idea: I've taken all the country boundaries from OSM (via nominatim); I slice them in four parts. If the resulting geojson is too big, I slice this again until I have small geojsons, suitable to download. If you know the zoomlevel and location, one can use the standard slippy-tile-index to fetch the correct tile. (Alternatively, if the entire tile is within a country, it'll just return the country code)
However, the client also needs to know what zoomlevel there is. For that, I built a search tree.
It's been a while though, so I've forgotten some of the details ;)
Project mention: The current state of map design in OpenStreetMap | news.ycombinator.com | 2024-04-20Nice for driving, but not for walking. Look how much pedestrian info is simply not rendered in my home area. Tons of stairs and walkways are not visible:
https://zelonewolf.github.io/openstreetmap-americana/#map=16...
I wrote this app some time ago: https://github.com/strukturart/o.map which, as a standard, obtains the OSM map data: https://tile.openstreetmap.org/16/67934/46153.png. For a few days now I have been receiving the following error message when requesting: 418 No Reason Phrase. what could be the reason for this ?
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 Openstreetmap related posts
- Falsehoods programmers believe about time zones
- 2024: The year of the OpenStreetMap vector maps
- SpatiaLite: Library extending SQLite to support Spatial SQL capabilities
- FACT SHEET: President Biden Announces Billions to Deliver World-Class High-Speed Rail and Launch New Passenger Rail Corridors Across the Country
- We need a train connecting Erie to Pittsburgh again!!
- Reading Eagle: Reading to Philadelphia train takes a major step forward as it gets federal funding
- So you think people are too hard on the Acela?
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Openstreetmap projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | mapbox-gl-js | 10,697 |
| 2 | mapscii | 6,867 |
| 3 | mapus | 3,256 |
| 4 | iD | 3,237 |
| 5 | privacy-redirect | 1,921 |
| 6 | uMap | 1,012 |
| 7 | timezone-boundary-builder | 813 |
| 8 | kosmtik | 704 |
| 9 | osmtogeojson | 668 |
| 10 | name-suggestion-index | 626 |
| 11 | tasking-manager | 490 |
| 12 | OpenTopoMap | 443 |
| 13 | hootenanny | 342 |
| 14 | OpenRailwayMap | 319 |
| 15 | mapping | 235 |
| 16 | opening_hours.js | 213 |
| 17 | editor-layer-index | 209 |
| 18 | openstreetmap-americana | 163 |
| 19 | osm-static-maps | 148 |
| 20 | id-tagging-schema | 131 |
| 21 | o.map | 79 |
| 22 | strava-map-switcher | 65 |
| 23 | safe-cycling-map | 33 |
Sponsored
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