[Geoserver-devel] [JIRA] (GEOS-7997) Vector Tiles are not displaying correctly using Mapbox GL

GeoServer GeoServer Developer
1

Mr. McNuggies created an issue

GeoServer / BugGEOS-7997

Vector Tiles are not displaying correctly using Mapbox GL

Issue Type:

BugBug

Affects Versions:

2.11-beta

Assignee:

Unassigned

Attachments:

sample1.png, sample2.png, sample3.png, sample4.png, sample5.png

Components:

Vector Tiles

Created:

15/Feb/17 9:25 PM

Environment:

Linux

Priority:

HighHigh

Reporter:

Mr. McNuggies

Short Synopsis

When trying to load geoserver vector tiles into the browser using mapbox GL the results are unusable. To see the javascript code look at the bottom of this report.

Detailed Synopsis

There seems to be a huge alignment and redrawing issue (the prime meridian is over texas). When the user zooms it seems to be aligning and drawing the new vector tiles to the south of the old tiles (see photos). This bug might be related to https://osgeo-org.atlassian.net/browse/GEOS-7920. The new tiles might be drawn offscreen and not updated on Andre Schardong screen … hence it looks terrible on his screen. Might be related to ‘vector tile source “osm” layer “states” does not use vector tile spec v2 and therefore may have some rendering errors’ error received in the console.

JS Code

  var simple = {
    "version": 8,
    "sources": {
        "osm": {
            "type": "vector",
            "tiles": ["http://xxxxx/geoserver211/gwc/service/tms/1.0.0/topp:states@anonymised.com:4326@anonymised.com/{z}/{x}/{y}.pbf"]
        }
    },
    "layers": [
        {
            "id": "background",
            "type": "background",
            "paint": {
                "background-color": "#ffffff"
            }
        }, {
            "id": "states",
            "type": "fill",
            "source": "osm",
            "source-layer": "states",
            "filter": ["==", "$type", "Polygon"],
            "paint": {
                "fill-color": "#3887be"
            }
        }
    ]
};

  //map info here
  map = new mapboxgl.Map({
     container: 'map', // container id
     style: simple, //stylesheet location
     center: [0, 0], // starting position[35.890, -75.664]
     zoom: 0, // starting zoom
     hash: true,
     minZoom: 0,
     maxZoom: 22,
     preserveDrawingBuffer: true
  });

Add Comment

Add Comment

This message was sent by Atlassian JIRA (v1000.747.1#100028-sha1:3d05bd6)

Atlassian logo