mapbox有特殊图案样式的线要素

翻译：

要求图像要位于sprite雪碧图中，但是实际其实并不需要，也像symbol那样loadImage把图片提前引进去就可以了。

利用这种图片

放进线要素里面，然后无缝衔接就行了，拐角mapbox会自动给你处理好。

登录后复制

let layer = {
            id: "dike",
            name:'堤防',
            source: "dike",
            'source-layer': "dike", 
            type:'line',
            icon:'./static/assets/dike.png',
            popup:true,
            messageBox:true,
            paint: {
                'line-opacity': 1,
                // 'line-color': 'rgba(255, 0, 0, 1)',
                'line-width':8,
                'line-pattern':'dike'
            },
            layout: {
                visibility: 'visible',
            },
        }

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.
• 14.
• 15.
• 16.
• 17.
• 18.
• 19.

参考：

mapbox有特殊图案样式的线要素

原创作者: u_12881709 转载于: https://blog.51cto.com/u_12881709/11591818