Giter Club home page Giter Club logo

maptiler-basic-gl-style's Issues

place = island too visible

In the following picture :

  • Saint-Maur des Fossés, Créteil, Joinvill-le-Pont are towns (layer place)
  • Île de la Gruyère (layer place) is a small island. It should not be present at this zoom layer
    screenshot-2017-12-7 world maps you can self-host - powered by free openstreetmap vector tiles and open-source software

In the following picture :

  • Chessy and Montevrain are towns
  • Wilderness Island is a smal island in Disneyland Park. It should not be present at this zoom layer
    screenshot-2017-12-7 world maps you can self-host - powered by free openstreetmap vector tiles and open-source software 1

tunnel=culvert

The tag tunnel=culvert is not supported and waterway appear as standard waterway. which is ugly for culvert streams or rivers way in city.

Issue with style.json and tiles vector declarations in HTML

Hi!
As asked in maplibre-gl-js discussions forum: maplibre/maplibre-gl-js#4417 , in StackOverflow : https://stackoverflow.com/questions/78759874/maplibre-issue-with-style-json-and-tiles-vector-url and in GIS StackExchange : https://gis.stackexchange.com/questions/483886/maplibre-issue-with-style-json-and-tiles-vector-declarations-in-html I'm having an issue in visualizing, locally, the map

I want to use this TileServer: https://tileserver.linuxbabe.com/ with MapLibre

The style.json should be this: https://tileserver.linuxbabe.com/styles/basic-preview/style.json and, based on https://tileserver.linuxbabe.com/data/v3.json

image

the tiles vector URL should be this: https://tileserver.linuxbabe.com/data/v3/{z}/{x}/{y}.pbf

But If I put those two URLs in their fields in the HTML, I do not get any output :
image

This is the complete map.html file :

<!DOCTYPE html>
<html>
    <head>
     <meta charset="utf-8">
     <title>Vector Tile Map with MapLibre</title>
     <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
     <script src='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js'></script>
    <link href='https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.css' rel='stylesheet' />
     <style>
        body { margin: 0; padding: 0; }
        #map { position: absolute; top: 0; bottom: 0; width: 100%; }
     </style>
   </head>
   <body>
        <div id="map"></div>
        <script>
            var map = new maplibregl.Map({
                container: 'map',
                style:
                    'https://tileserver.linuxbabe.com/styles
/basic-preview/style.json',
                    zoom: 5.43,
                    center: [-3.9, 54.5]
            });


            map.on('load', function () {
              // Add a new vector tile source with ID 'linuxbabe'.
              map.addSource('linuxbabe', {
                     'type': 'vector',
                     'tiles': [
                          'https://tileserver.linuxbabe.com/data/v3/{z}/{x}/{y}.pbf'
                      ],
                      'minzoom': 6,
                      'maxzoom': 14
                });
                map.addLayer(
                   {
                        'id': 'default', // Layer ID
                        'type': 'line',
                        'source': 'linuxbabe', // ID of the tile source created above
                           // Source has several layers. We visualize the one with name 'sequence'.
                        'source-layer': 'sequence',
                        'layout': {
                                  'line-cap': 'round',
                                  'line-join': 'round'
                         },
                        'paint': {
                                   'line-opacity': 0.6,
                                   'line-color': 'rgb(53, 175, 109)',
                                   'line-width': 2
                         }
                  },
               );
            });

            map.addControl(new maplibregl.NavigationControl());

            //set max zoom level (0-24)
            map.setMaxZoom(19);
    </script>
    </body>
</html>

What am I missing and / or am I doing wrong?

I've put the code in:
jsfiddle: https://jsfiddle.net/RaphyCollab/oq19abd4/2/
jsbin repo : https://jsbin.com/dekujuz/edit?html,output
github gist : https://gist.github.com/raphael10-collab/2c1676a37c2193c79b110ecdfe33215d

OS: Ubuntu 23.10

Roads

Weird regions hoping on zoom level 5

On zoom level 5, detailed region borders appears in many countries (e.g. Czech Republic, France, ...).
On zoom level 6, they disappear and instead superior regions boundaries appear (which are less detailed).
An example is visible on this map if you zoom in - instead of more details, you see less.

Parks

Different colours for waters

In the style are different colors for rivers and water areas. Rivers are lighter. On lakes and large rivers is a visible river line. Is it possible to assign the same color to a river? Make it sense? Se screenshot:
image

api.maptiler.com forbidden access in style.json

Hello,

I installed maptiler-server via maptiler-server-3.0.1-linux.deb and successfully installed the package maps with maptiler-server-map-styles-3.12. Yet when I try to install directly this github master version maptiler-basic-gl-style, the server cannot load it and display Warning with the following message for the style.json file related to https://api.maptiler.com/tiles/v3/tiles.json forbidden call. I added my cloud API key but still can't fix the issue. Could you help ? Thanks.

unexpected format. Reason: StyleJsonWithStructuredRefs does not satisfy required schema: referencing api.maptiler.com in https://api.maptiler.com/tiles/v3/tiles.json?key={key} is forbidden; referencing api.maptiler.com in https://api.maptiler.com/fonts/{fontstack}/{range}.pbf?key={key} is forbidden

"Unimplemented type: 3"

My tiles are all from the USA.mbtiles subset. The current problem I'm seeing is the apparently old (complained-about in 2015) "Unimplemented type: 3" It can find .pbfs at zoom 2 that it can't find at, e.g., zoom 14. At z2, my GETs appear to succeed: It fetches

  • 2/2/3.pbf (no error),
  • 2/1/3 (no error),
  • 2/1/2 (gets the error),
  • 2/2/2 (no error),
  • 2/2/3 (gets the error),
  • 2/3/2 (gets the error),
  • 1/1/1 (no error),
  • 1/0/1 (error), and
  • 0/0/0 (error).

No map fragments appear, even though it only complains about some of the .pbfs.

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.