OpenLayers3
openstreetmap-tile-server
Our great sponsors
OpenLayers3 | openstreetmap-tile-server | |
---|---|---|
60 | 11 | |
10,883 | 1,138 | |
1.4% | - | |
9.9 | 1.3 | |
1 day ago | 6 days ago | |
JavaScript | Shell | |
BSD 2-clause "Simplified" License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
OpenLayers3
-
Zooming User Interface (ZUI)
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
-
Handling files in enterprise web solutions
In order to display the GeoJSON features on a map, we will use OpenLayers, which is a very powerful open-source mapping library that is also very simple to use.
-
5 JavaScript mapping APIs compared
OpenLayers is available via the ol npm package, offering developers a powerful toolkit for creating sophisticated maps. Here is a JavaScript implementation that utilizes OpenLayers to showcase a map:
-
12 Open Source GIS Software
Official Website: https://openlayers.org/
-
I'm a senior in my CS major and it's incredible I didn't hear about GIS projects until now. Glad to be here.
For web maps I'd strongly recommend using OpenLayers. While it's less convenient to get started with compared to the alternatives it's also much more feature-complete and you'll likely hit a ceiling in terms of functionality much later than you would with the others.
- OpenLayers: High-performance, feature-packed library for all your mapping needs
- Show HN: Test, fix, and improve your ML models
- #OpenLayers v7.3.0 released
- Understanding the need of Node.js and NPM
openstreetmap-tile-server
-
Converting PNG tiles to .pbf for self hosting
Hi fellow redditors! I have a custom tilemap that I wanted to self host and I conveniently found a good premade Docker solution (https://github.com/Overv/openstreetmap-tile-server) that would allow me to achieve the task quite easily if not for a minor inconvenience: i need to provide the map as .osm.pbf rather than as an ZXY folder tree.
-
Self Hosting a Google Maps Alternative with OpenStreetMap
Author here: the docker project for the tile server allows setting up automatic syncing fairly easily:
https://github.com/Overv/openstreetmap-tile-server#enabling-...
I'm not sure about Nominatim or Valhalla's ability to auto-sync the latest changes, at least with the dockerized version, but it may be possible.
-
Maps.earth β free and open-source web maps
We're in the same boat using Mapbox, we've been debating leaving for the OpenStreetMaps container since we only use them for static images and map display. https://github.com/Overv/openstreetmap-tile-server
Our bill last year was $80k and honestly its right on the cusp of being worth the effort to switch.
-
Is there any way to view the map as it was a year ago?
It's kinda difficult but I have had success running https://github.com/Overv/openstreetmap-tile-server and postgresql in docker to generate standard-style tiles from a planet (.pbf) file that you can download from geofabrik.
-
Show HN: Self-Hosted Maps Stack
My friend Alexander created an easy docker file[1] for an OSM tile server. I use it for nearly two years without problems.
[1] https://github.com/Overv/openstreetmap-tile-server
-
Applying styles on tail server
I found this project on Github https://github.com/Overv/openstreetmap-tile-server .
- Setting up OpenStreetMap tiler server
-
Offline Map Tiles
Finally: https://github.com/Overv/openstreetmap-tile-server I haven't tried this one before, but it seems kind of cool, and seems to be what you're looking for?
-
[OC] Interactive Heatmap of Traffic Accidents Reported by the Missouri State Highway Patrol
I don't need to serve the whole country, but it's nice to have a little more than just Missouri, so I was pleased to find Protomaps. There are several other extract repositories, but this was the only one I found that let me define and export a custom region. For the actual generation and rendering of the tiles, it seemed easiest to use this existing docker project.
-
[JOB] Help with custom styling of tile server (CartoCSS)
Hi, I'm struggling to use OSM self-hosted tile server for my project with custom style. I started to use Overv/openstreetmap-tile-server as a starting point to customize and create my own Dockerfile but I cannot set it up Positron (or something different dark/grayish as a starting point) as a renderer style. There are many styling standards, different file types, and no visual editor that can export the required file for CartoCSS, and to add them to Dockerfile.
What are some alternatives?
Leaflet - π JavaScript library for mobile-friendly interactive maps πΊπ¦
osm-bright-gl-style - OSM Bright GL Style using OpenMapTiles
maplibre-gl-js - MapLibre GL JS - Interactive vector tile maps in WebGL2
TileServer GL - Vector and raster maps with GL styles. Server side rendering by MapLibre GL Native. Map tile server for MapLibre GL JS, Android, iOS, Leaflet, OpenLayers, GIS via WMTS, etc.
Cesium - An open-source JavaScript library for world-class 3D globes and maps :earth_americas:
osmscout-server - Maps server providing tiles, geocoder, and router
vue3-openlayers - Web map Vue 3.x components with the power of OpenLayers
headway - Self-hostable maps stack, powered by OpenStreetMap.
cesium - An open-source JavaScript library for world-class 3D globes and maps :earth_americas: [Moved to: https://github.com/CesiumGS/cesium]
vtm - OpenGL vector map library - running on Android, iOS, Desktop and browser.
mapbox.js - Mapbox JavaScript API, a Leaflet Plugin
Openstreetmap - The Rails application that powers OpenStreetMap