Giter Club home page Giter Club logo

Comments (5)

AlanPew avatar AlanPew commented on August 18, 2024 1

Was able to get around the gaps in indexed vector tiles by duplicating all the layers I was using, and creating sources with everything identical but the maxzoom/minzoom. When there are tile gaps, then the tiles are rendered with overzoom tiles, otherwise the appropriate tiles render as needed.

ESRI OSM with duplicated layers to avoid issues with indexed vector tiles and mimic "flat" tiles: http://htmlpreview.github.io/?https://gist.githubusercontent.com/AlanPew/b8c1f4b3dcab0b410061d316dc292d69/raw/73deaa43a0f0f41e35af7b0b02209eae414065e8/index.html

ESRI OSM with indexed tiles and gaps in rendered data at higher zoom levels:
http://htmlpreview.github.io/?https://gist.githubusercontent.com/AlanPew/b8c1f4b3dcab0b410061d316dc292d69/raw/73deaa43a0f0f41e35af7b0b02209eae414065e8/index.html

from esri-leaflet-vector.

jgravois avatar jgravois commented on August 18, 2024

thanks for this report. i was under the impression that the commits within Esri/mapbox-gl-js#indexed-vector-tiles were sufficient to download the appropriate tilemap and omit making requests for non existent tiles.

is your screenshot actually a tileset published using Pro? it looks an awful lot like ...180159 which is a custom style for our hosted global tiles.

from esri-leaflet-vector.

shadc avatar shadc commented on August 18, 2024

Yes, it is a Esri hosted tile in the screenshot. It appears I'm having problems with the rendering of tiles for both my custom vector tiles produced with ArcGIS Pro (as described above) as well as Esri's hosted tiles. I don't seem to have a problem with my custom vector tiles when using the "Flat" tiling format though. This might be due to issue #22. I suspect that something is not right with my mapbox-gl dependency install and is causing the rendering issue.

from esri-leaflet-vector.

jgravois avatar jgravois commented on August 18, 2024

I suspect that something is not right with my mapbox-gl dependency install and is causing the rendering issue.

luckily, i've been seeing the same exact thing on my side. i'll keep digging and see what i can figure out. we can continue to track in #22

from esri-leaflet-vector.

AlanPew avatar AlanPew commented on August 18, 2024

If I'm following this ticket correctly, the reason there is inconsistency is because indexed tiles are staggered in their availability based upon the density of data at that particluar zoom level. Flat tiles create tiles for every tile slot regardless of density of vector data at that spot.

"A more optimized approach that minimizes the size of the tiles is to create and persist index polygons. In this case, the tiles are created following logic to recognize when the feature density is low enough to overzoom content to larger-scale tiles. If a tile with minimal feature detail can also be reused and redrawn at larger scales, saving processing and storage, then the smaller tiles (for larger scales) do not need to be created, stored, requested, or drawn."
http://pro.arcgis.com/en/pro-app/help/mapping/map-authoring/author-a-map-for-vector-tile-creation.htm

Unless I set the maxzoom of the vector tile source in a Mapbox GL style to 14, then I see a lot of missing tiles and a blank rendering of the map because when tiles are not rendered because of low density of data. ESRI has intended for overzoom in these situations. Would be awesome if there was a way to set the style to use tile if it was available, or overzoom if not in Mapbox GL, but sounds like something that would need to be hacked on the backend with how tiles are grabbed etc.

Mapbox GL rendering of ESRI OSM:
http://htmlpreview.github.io/?https://gist.githubusercontent.com/AlanPew/9c0cbe94982a7dc6d0a7613aecda7ea5/raw/75f42731612325f6727563173f04543499025e03/index.html

vs ESRI OSM:
http://esri.maps.arcgis.com/apps/View/index.html?appid=d6b18a2e774c4959ba855f6ac90952a2

from esri-leaflet-vector.

Related Issues (20)

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.