openmaptiles / www.openmaptiles.org Goto Github PK
View Code? Open in Web Editor NEWOpenMapTiles.org website
Home Page: http://openmaptiles.org/
OpenMapTiles.org website
Home Page: http://openmaptiles.org/
https://openmaptiles.org/styles/#osm-liberty
This is because the Maptiler key for OSM Liberty was not valid anymore and now we use the placeholder {key}
for the vt source and glyphs.
Possible options:
Use https://github.com/klokantech/gl-style-package-spec for OSM Liberty to have a style-cdn.json
with a valid key available. To think about: OSM Liberty is currently on the GitHub pages branch (no master available currently),
Use a static image
Use a GIF like https://github.com/maputnik/osm-liberty/blob/gh-pages/demo/zoom.gif
something else
What is your preference?
https://openmaptiles.org/docs/website/openlayers3/ somehow redirects to https://docs/website/openlayers/
The order in docs sidebar does not run in subpages?
http://openmaptiles.org/docs/style/maputnik/
http://openmaptiles.org/docs/style/maputnik/?unlock
https://rawgit.com/ is closing down, it is used currently here:
https://github.com/openmaptiles/www.openmaptiles.org/blob/master/styles.html
https://github.com/openmaptiles/www.openmaptiles.org/blob/master/maps/leaflet-mapbox-gl.html
https://github.com/openmaptiles/www.openmaptiles.org/blob/master/js/styles.js
https://github.com/openmaptiles/www.openmaptiles.org/blob/master/docs/website/leaflet.md
Its is my code :
`
var vectorTileStyling = {
water: {
fill: true,
weight: 1,
fillColor: '#06cccc',
color: '#06cccc',
fillOpacity: 0.2,
opacity: 0.4,
},
admin: {
weight: 1,
fillColor: 'pink',
color: 'pink',
fillOpacity: 0.2,
opacity: 0.4
},
waterway: {
weight: 1,
fillColor: '#2375e0',
color: '#2375e0',
fillOpacity: 0.2,
opacity: 0.4
},
landcover: {
fill: true,
weight: 1,
fillColor: '#53e033',
color: '#53e033',
fillOpacity: 0.2,
opacity: 0.4,
},
landuse: {
fill: true,
weight: 1,
fillColor: '#e5b404',
color: '#e5b404',
fillOpacity: 0.2,
opacity: 0.4
},
park: {
fill: true,
weight: 1,
fillColor: '#84ea5b',
color: '#84ea5b',
fillOpacity: 0.2,
opacity: 0.4
},
boundary: {
weight: 1,
fillColor: '#c545d3',
color: '#c545d3',
fillOpacity: 0.2,
opacity: 0.4
},
aeroway: {
weight: 1,
fillColor: '#51aeb5',
color: '#51aeb5',
fillOpacity: 0.2,
opacity: 0.4
},
transportation: { // openmaptiles only
weight: 0.5,
fillColor: '#f2b648',
color: '#f2b648',
fillOpacity: 0.2,
opacity: 0.4,
// dashArray: [4, 4]
},
building: {
fill: true,
weight: 1,
fillColor: '#2b2b2b',
color: '#2b2b2b',
fillOpacity: 0.2,
opacity: 0.4
},
water_name: {
weight: 1,
fillColor: '#022c5b',
color: '#022c5b',
fillOpacity: 0.2,
opacity: 0.4
},
transportation_name: {
weight: 1,
fillColor: '#bc6b38',
color: '#bc6b38',
fillOpacity: 0.2,
opacity: 0.4
},
place: {
weight: 1,
fillColor: '#f20e93',
color: '#f20e93',
fillOpacity: 0.2,
opacity: 0.4
},
housenumber: {
weight: 1,
fillColor: '#ef4c8b',
color: '#ef4c8b',
fillOpacity: 0.2,
opacity: 0.4
},
poi: {
weight: 1,
fillColor: '#3bb50a',
color: '#3bb50a',
fillOpacity: 0.2,
opacity: 0.4
},
// Do not symbolize some stuff for openmaptiles
country_name: [],
marine_name: [],
state_name: [],
place_name: [],
waterway_name: [],
poi_name: [],
road_name: [],
housenum_name: [],
};
var openmaptilesUrl = "assets/db/abidjan.mbtiles";
var openmaptilesVectorTileOptions = {
rendererFactory: L.canvas.tile,
attribution: '<a href="https://openmaptiles.org/">© OpenMapTiles</a>, <a href="http://www.openstreetmap.org/copyright">© OpenStreetMap</a> contributors',
vectorTileLayerStyles: vectorTileStyling,
subdomains: '0123',
key: 'UmmATPUongHdDmIicgs7',
maxZoom: 14
};
var openmaptilesPbfLayer = L.vectorGrid.protobuf(openmaptilesUrl, openmaptilesVectorTileOptions).addTo(this.map);
`
As mentioned here, osm ids in openmaptiles are encoded in a specific way, but it's not documented anywhere. OpenMapTiles Schema doesn't even mention that layers like place, poi, water_name return osm id. I think it should be documented.
Nothing rendered now.
The image at:
http://openmaptiles.org/docs/host/use-cdn/?unlock
shows sample keys - these should be blurred or removed from the image!
There is problem with https://openmaptiles.org/viewers/ page.
When you switch to either Leaflet or OpenLayers view, it does not work.
Errors in console appears ...
The website says "Open-source maps made for self-hosting", but I can't find the source code for your "openmaptiles-server" application. Is that available somewhere?
Hey I am part of a group of people that works on the Esperanto map of Wikimedia: http://maps.wikimedia.org/?lang=eo
I like openmaptiles a lot, especially how it takes data from Wikidata. There are many Esperanto names of cities and places on Wikidata and right now we have to manually move them to OpenStreetMap which is a lot of work. Your map would be a much better approach.
Esperanto is already implemented as an option on openmaptiles:
https://github.com/openmaptiles/openmaptiles/blob/c86f4a557a489c7e79ad2aec98051c066ccf7ad7/openmaptiles.yaml#L45
But it is not available as an option on the dropdown on https://www.maptiler.com/maps/
Would you consider adding it as an option? If you show me how other languages are implemented I am also happy to implement this feature myself.
Hey,
I was downloading a file mbtiles
files for a map, and noticed that the files were uncompressed. I checked with gzip, and was able to get a compression ratio of 0.56
for f.ex. Chile and 0.68
for Canada:
455M chile.mbtiles
255M chile.mbtiles.gz <-- 200 MB saved
5.2G canada.mbtiles
3.6G canada.mbtiles.gz <-- 1.6 GB saved
Given that the files are static and rarely updated, wouldn't it be prudent to have them compressed?
By compressing them statically, and then setting the Content-Transfer-Encoding
header, the end result for clients should be identical to what it is now (as browsers will decode them before saving ..). That, or just serve up the .gz
files so clients will know they're GZipped.
Without WebGL the frontpage (https://openmaptiles.org/) is empty gray.
There should be at least a javascript detection + static image; hide the style switchers
https://openmaptiles.org/styles/ is also broken (no maps) -- we can use static images instead.
The Maputnik instance of editor.openmaptiles.org
, which is linked here
https://openmaptiles.org/docs/style/maputnik/
and here
https://openmaptiles.org/styles/
is outdated, there are newer releases:
https://github.com/maputnik/editor/releases
Sometimes there are also questions about differences between maputnik.github.io/editor/
and editor.openmaptiles.org
:
maplibre/maputnik#164 (comment)
maplibre/maputnik#177 (comment)
What are the reasons for hosting an own instance of Maputnik? Maybe they could be adressed in another way, so that it would be OK for you to link to https://maputnik.github.io/editor instead?
As you may or may not already know, MapBox GL JS has recently updated to 2.0 and has moved to a non-OSS license.
Source: mapbox/mapbox-gl-js#10162
Their pricing policy has changed so an access token is always required and the account gets charged based on map instance loads, not just requests to their API's. This would mean that you would still have to pay MapBox for using their library, even when self-hosting a tile server with openmaptiles sources. This makes using MapBox GL far less desirable combined with openmaptiles.
An opensource fork has risen and has been rebranded to MapLibre. I think it would be beneficial for both parties to to update the openmaptiles website and start using their name and demos, replacing all MapBox GL references.
I'm willing to make this change, and was actualy getting started, but I'm having trouble getting the website to run locally on my machine. I intalled Jekyll, but when I run jekyll serve
I get following error:
Conversion error: Jekyll::Converters::Scss encountered an error while converting 'base.scss':
Error: File to import not found or unreadable: _reset. on line 1:1 of base.scss >> @import "_reset"; ^
Arabic letters in map labels are separated and placed left-to-right
Here's how Dubai ( دبي ) appears:
Fortunately this is something which has been fixed in MapBoxGL - when you first load this site, you'll see MapBoxGL with Arabic labels (blink and you might miss it - it cycles through the languages) https://mapbox.github.io/mapbox-gl-language/
The schema updates and changelog link on https://openmaptiles.org/schema/ points at https://data.maptiler.com/changelog/. This is not a changelog for OpenStreetMap but a changelog for MapTiler's download. I looked for an appropriate link and couldn't find one.
I propose we bump the base font size to 18px.
It is for my taste too small now to look good (in docs the lines contain too much words horizontally).
Just like on osm-americana/openstreetmap-americana#906 , there should be a date visible.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.