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 11 JavaScript Openlayer Projects
-
-
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.
-
qgis2web
QGIS plugin to export your project to an OpenLayers or Leaflet webmap. No server-side software required.
-
lizmap-web-client
Transfer a QGIS project on a server, Lizmap is providing the web interface to browse it
-
-
SimcoeCountyWebViewer
Web Map Viewer built with React and OpenLayers. Built for GeoServer and ArcGIS Server.
-
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.
-
-
web-mapviewer
The viewer application for maps and geodata. Managed by geoadmin/infra-terraform-github-bgdi
-
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
https://www.lizmap.com/ (OSS)
https://map.geo.admin.ch/?lang=en&topic=ech&bgLayer=ch.swiss...
https://test.map.geo.admin.ch/#/map?lang=en&sr=3857¢er=8...
Project mention: Georender - Command line utility for rendering GPS data files as images | /r/gis | 2023-10-04
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 Openlayers related posts
- Zooming User Interface (ZUI)
- Handling files in enterprise web solutions
- Swiss Maps Are Full of Hidden Secrets
- 5 JavaScript mapping APIs compared
- Help for traveling in Switzerland in September
- Help creating a five day itinerary in Switzerland
- Help looking for elevated villages in Vaud/Valais
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Openlayer projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | OpenLayers3 | 10,883 |
| 2 | heatmap.js | 6,148 |
| 3 | telegram-nearby-map | 942 |
| 4 | qgis2web | 545 |
| 5 | lizmap-web-client | 245 |
| 6 | Geoadmin | 227 |
| 7 | SimcoeCountyWebViewer | 130 |
| 8 | xyz | 86 |
| 9 | web-mapviewer | 43 |
| 10 | oltb | 23 |
| 11 | georender | 4 |
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