tippecanoe
maplibre-gl-js
tippecanoe | maplibre-gl-js | |
---|---|---|
7 | 55 | |
2,587 | 5,730 | |
0.7% | 2.1% | |
1.5 | 9.9 | |
about 1 month ago | 3 days ago | |
C++ | TypeScript | |
BSD 2-clause "Simplified" License | GNU General Public License v3.0 or later |
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.
tippecanoe
-
Serverless maps at 1/700 the cost of Google Maps API
If you have any geospatial data, you can tile it with tippecanoe [0], which gives you an mbtiles file. Protomaps lets you easily convert the mbtiles file into a protomaps file which you can then use.
Protomaps doesnโt limit you to any particular type of tiles, itโs just a format which allows you to read tiles out of a single file with HTTP range requests.
[0] https://github.com/mapbox/tippecanoe
-
How would you generalize a very high density vector map for various zoom levels ?
or you can build several geojson add the zoom level at feature with their extension and then merge into one geojson. https://github.com/mapbox/tippecanoe
-
Reducing vector tile size in QGIS for Mapbox import
Unsure how to do it with qgis. however it seems to be simple with Tippecanoe..here. They seem to have some examples that show what you need to do in the readme.
-
Why do I need geoserver?
For my work when I asked that question, I had all vector data -- about 10gb -- and I used a combination of geojson's and vector tiles that I made using mapbox's tippecanoe.
-
A new way to make maps with OpenStreetMap
Author here, so there are a few options:
1) If your information belongs in OpenStreetMap, you can add it via an editor like the web editor at https://openstreetmap.org - this will also benefit all other OSM users. You can then "refresh" your Protomaps download to get a new map.
2) If there isn't many point and polygons, it may sense to add them as Leaflet layers, especially if you want them to be interactive
3) Other options are creating vector tiles of your own data and merging or displaying them in the renderer (https://github.com/mapbox/tippecanoe is a great tool to do this from GeoJSON) but I don't have much to support this yet.
maplibre-gl-js
-
Protomaps โ A free and open source map of the world
(.shp .gpkg ...) | ogr2ogr -> .geojson | tippecanoe -> .pmtiles
for OpenStreetMap data there's planetiler[4], and and openmaptiles[5] styles that work with Maplibre
with those combinations you've got a great start to something you can host for pennies on AWS S3+CloudFront or Cloudflare R2, with an open source data pipeline
[1] https://maplibre.org/
- GPSJam: Daily maps of possible GPS interference
-
Building a Map Application with MapLibre GL JS and Svelte
MapLibre GL JS v3.3.1
-
New Map APIs from Google
Does anyone else have a solution for the satellite layer? I was using MapLibre [0] then needed direct-on-the-ground images which made me convert to Google Maps.
[0] https://maplibre.org/
- The OpenTF Manifesto
-
Use 3D map library with API key function of Amazon Location Service
When using the Amazon Location Service, I recommend MapLibre GL JS, which I introduced in my previous article, "Amazon Location Service and AWS Amplify to Use Various Map Library," but you can also use any map library you like, including iTowns this time. I hope you will choose the map library of your choice, including iTowns!
-
Using Lidar to map tree shadows
Your browser has a very powerful image decoder built into it, offloading the PNG decoding into Javascript is very resource hungry.
Using maplibre (or any map viewer) you can load blobs of image data out of a tiff and use `Image` or `Canvas` to render the data onto a map.
Its even easier if the tiffs are already Cloud optimized as they perfectly align to a 1-to-1 map tile and they don't need to be rescaled, you can then just render the images onto the map. eg here is a viewer that loads webps out of a 15GB tiff and uses Canvas to render them onto a map [1]
Unless you are trying to layer all your maps together, you also could stop reprojecting them into webmercator, or if your goal is to layer them, then storing them in webmercator would save a ton of user's compute time.
There are a bunch of us that talk web maping and imagery in the #maplibre and #imagery slack channels in OSMUS's slack [2]
[1] https://blayne.chard.com/cogeotiff-web/index.html?view=cog&i...
[2] https://github.com/maplibre/maplibre-gl-js#getting-involved
- Apache Baremaps: online maps toolkit
-
[OC] A new map of GitHub made from 350M stars, shows 460,000 projects
The map is rendered by https://maplibre.org/, you can see how it is used here https://github.com/anvaka/map-of-github
-
[OC] I made a map of GitHub. It lets you find related projects with ease
Kudos to https://maplibre.org/ - amazing library
What are some alternatives?
tilemaker - Make OpenStreetMap vector tiles without the stack
Leaflet - ๐ JavaScript library for mobile-friendly interactive maps ๐บ๐ฆ
PMTiles - Cloud-optimized + compressed single-file tile archives for vector and raster maps
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
gdal - GDAL is an open source MIT licensed translator library for raster and vector geospatial data formats.
OpenLayers3 - OpenLayers
openmaptiles - OpenMapTiles Vector Tile Schema Implementation
leaflet-geoman - ๐๐บ๏ธ The most powerful leaflet plugin for drawing and editing geometry layers
folium - Python Data. Leaflet.js Maps.
geos - Geometry Engine, Open Source
ol-mapbox-style - Use Mapbox Style objects with OpenLayers