Code Monkey home page Code Monkey logo

demotiles's Introduction

MapLibre Demo Tiles

You can see the live demos at the following links. You can also access the styles as JSON for testing in mobile or other style tools.

Style Live Demo style.json
MapLibre World https://demotiles.maplibre.org https://demotiles.maplibre.org/style.json
OpenMapTiles,
centered around Innsbruck, Austria
https://demotiles.maplibre.org/tiles-omt https://demotiles.maplibre.org/styles/osm-bright-gl-style/style.json
Terrain,
centered around Innsbruck, Austria
https://demotiles.maplibre.org/terrain-tiles https://demotiles.maplibre.org/styles/osm-bright-gl-terrain/style.json

MapLibre World demo map

This is the sample vector map displayed on the frontpage of https://maplibre.org - used in the helloworld examples and CI tests of @MapLibre organization.

It demonstrates the usage of simple vector tiles with the MapLibre World map style.

Hosted as static files directly on GitHub Pages, serverless, no keys, runs offline as well.

The MBTiles can be downloaded in the releases. For offline use you can download the .zip including the font and viewer.

maplibre-world-map-style

World countries vector tiles

The map uses a lightweight vector tileset to color and label the world countries. Country polygons are from Natural Earth Data. The shapefiles were converted into vector tiles using the MapTiler Desktop software, which generates similar .pbf tile directory structure as present, as well as GeoPackage MVT or MBTiles file output.

maptiler-desktop-generate-vector-tiles

The resulting maplibre.mbtiles is available from this repo (pbf, z0-6, 4Mb).

Maplibre World map style

The style.json map style renders groups of countries by color using a fill-color match expression on the country layer. Eight colors are taken from MapLibre Logo / Visuals defined as follows:

color-palette

Design is heavily inspired by the the Geography Class map style from klokantech/vector-tiles-sample converted from the original open-source Tilemill style.

[
  "match",
  ["get", "ADM0_A3"],
  [
    "ARM",
    "ATG",
    "AUS",
...
],
  "#D6C7FF",
  [...

The map labels are using the Open Sans SemiBold font.

Contributors

the MapLibre World demo was kindly provided by the MapTiler team (@klokan, @nbozon, @petr-pokorny-1, @tomasklanica).

the Terrain and OpenMapTiles demos were provided by @acalcutt with styles based on OSM Bright

The font PBFs were generated using the scripts and source fonts from https://github.com/openmaptiles/fonts.

demotiles's People

Contributors

acalcutt avatar birkskyum avatar drwestco avatar kevinfabre-ods avatar klokan avatar m0nac0 avatar petr-pokorny-1 avatar roblabs avatar wipfli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

demotiles's Issues

Remove Arial Unicode MS Regular

I'm trying to find what's the reference stack for a full planet font building. My problem with this repo is that it contains the proprietary Microsoft Arial Unicode MS Regular. Or maybe it doesn't actually include any glyphs, but the font file's name definitely does.

How did it get in?

This repo says that this was generated using https://github.com/openmaptiles/fonts but that one doesn't generate anything with Arial.

Also, how does this relate to https://github.com/protomaps/basemaps-assets in terms of glyphs? Which one includes more?

Full country labels

Hi maplibre community,

Not sure if I should raise this as an issue or for discussion. I am using demotile for my website which is sufficing my need but need country label to be common i.e. in full form. I saw that some countries have short form being used and some don't have names that are official. E.g.
Dominican Republic -> Dominican Rep.
Sint Marteen -> St. Martin
Cook Islands -> Cook Is.

Is there any other symbol or name sources I could use where I could get the official names with demo styles ?
Thank you

Missing `sprite` key in Demo Tiles style

The Demo Tiles style is missing an entry for sprite, cf. source.

This is causing an issue with a style tool (behind a firewall) that reads & processes Mapbox flavored styles. In this case, the rendering of the style.json throws an error as the expected sprite key is missing. I am using this issue to help test the style tool for the original author.


The MapLibre demo style does not use sprites, and is a valid style.

From the style spec: sprite is optional.

image not found in demo

Hi,

I see warnings in the console when loading https://demotiles.maplibre.org/tiles-omt. The map is great, how could it be fixed?

util.ts:247 Image "yoga_11" could not be loaded. Please make sure you have added the image with map.addImage() or a "sprite" property in your style. You can provide missing images by listening for the "styleimagemissing" map event.

Clarify attribution rules

I think it would be nice to clarify attribution rules in the README.md

As a user it is not clear who specifically I need to mention, if anyone at all. It would be very very cool to minimize the entities which have to attributed for the demotiles, as they serve basically only for demonstrations.

Style license

I'd like to use this example style for my flutter MapLibre plugin (https://github.com/m0nac0/flutter-maplibre-gl), e.g. to have a style without access token for the CI.

I noticed, however, that the style.json contains the line:

"maptiler:copyright": "This style was generated on MapTiler Cloud. Usage outside of MapTiler Cloud or MapTiler Server requires valid MapTiler Data package: https://www.maptiler.com/data/ -- please contact us.",

Which seems to conflict with the BSD-3-Clause License of this repo. It would be great, if you could clarify whether it's actually okay to use this style.

MapLibre Main page shows Crimea as Russia

MapLibre Mainpage shows Crimea as Russia (https://maplibre.com/),
despite it being still officially a Ukrainian territory and despite the fact
that the MapLibre logo contains the Ukrainian flag as a symbol of Support.
This creates a very poor PR image for the whole Project.

1

demotiles.maplibre.org/font/Open Sans Bold,Arial Unicode MS Bold/0-255.pbf => 404 Not Found

I have modified the plugin github.com/mapbox/mapbox-gl-directions to use OSRM and Nominatim. No token is required for this.

You can see the draft here: https://github.com/astridx/maplibre-gl-directions/

Now I would also like to include an example with this demotiles, because this way I don't need a token at all.

You can finde my example code here:

https://github.com/astridx/maplibre-gl-directions/blob/d93cecdaeb036ebb686f44cfa9e909c079fd8f81/example/maplibre-gl-directions.html#L48

When I use Maptiler tiles, it looks like this.
a1

With the demotiles I see that
a2

I realise that the example is not meaningful because you only see the orange background. But the route should still be displayed, right? If I interpret this correctly, an error occurs because the letters A and B for the starting point and the end point are not found. Am I doing something wrong?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.