在MapBox GL JS中

时间:2019-09-17 17:26:14

标签: javascript mapbox mapbox-gl-js mapbox-marker

我正在使用“ mapbox-gl”:“ ^ 1.3.0”

因此,在mapbox GL JS中, 我想知道是否可以在图层上绘制多边形(例如三角形)和正方形(例如圆形)。

但是问题是我必须在geoJson类型的坐标中执行此操作:点而不是多边形。

{"type":"Point","coordinates":[307170.943,6679032.568]}

在文档中有一个使用“ type”:“ Polygon”的示例。 https://docs.mapbox.com/mapbox-gl-js/example/fill-pattern/

但是我想使用点来做,就像我们能够使用

绘制圆一样
{
'type': 'circle'
}

代替点。

注意:我尝试添加一个精灵,并使用“ icon-image”绘制图标,如下所示:

"layout": {
        "icon-image":"airport-15" ,
        "icon-size": 1
        }

但是问题是我有超过10万个积分。因此,渲染这么多图像会导致地图滞后太多。当我使用圆时,不会发生这种情况,因为我认为绘图比使用图像更平滑。 任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

使用符号可能是最好的。如果您要避免重叠,则可能会出现延迟。查看样式规范,并更改属性以允许重叠应加快速度。确保只有一个来源和一层。