Как исправить «рисование ломаной линии» в mapbox-gl-js - PullRequest
1 голос
/ 08 ноября 2019

Я использую mapbog-gl-js для рисования линии, исходный тип которой является векторной, но я обнаружил, что линия выглядит прерывистой. Я не знаю, из-за чего возникла ошибка mapbox-gl-js или из-за неправильной настройки стиля рисования.Есть кто-то, кто может мне помочь.

Проблема выглядит следующим образом: issue

Мой подробный код:

var mapStyle = {
    "version": 8,
    "name": "Dark",
    "sources": {
        "mapbox": {
            "type": "vector",
            "tiles": ["https://d25uarhxywzl1j.cloudfront.net/v0.1/{z}/{x}/{y}.mvt"],
        },
    },
    "sprite": "mapbox://sprites/mapbox/dark-v10",
    "glyphs": "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
    "layers": [
        {
            "id": "background",
            "type": "background",
            "paint": {"background-color": "#111"}
        },
        {
            "id": "ext_lane_boundary",
            "source": "mapbox",
            "source-layer": 'mapillary-sequences',
            "type": "line",
            "layout": {
                "line-cap": "butt",
                "line-join": "miter",
            },
            paint: {
                'line-color': 'red',
                'line-width': {
                    base: 1.55,
                    stops: [[6, 4], [14, 7]],
                },
            },
        },
    ]
};

var map = new mapboxgl.Map({
    container: 'map',
    maxZoom: 14,
    minZoom: 6,
    zoom: 12,
    center: [-87.622088, 41.878781],
    style: mapStyle
});
...