你能在mapbox静态地图上画一个圆圈吗？

Question

我有一些geojson形状我传递给Mapbox static maps API。一些形状是折线，另一些是圆形，表示为具有半径属性的点，例如：

    {
        "type": "Feature",
        "properties": {
            "radius": 500
        },
        "geometry": {
            "type": "Point",
            "coordinates": [
                30.5,
                50.5
            ]
        }
    }

这些用标记呈现为点。有没有什么方法可以让一个点呈现为围绕该点的某个半径的圆？

Answer 1

您可以使用图层类型：圆将点显示为圆。然后，您可以使用表达式从geojson属性获取半径： 检查JS Fiddle

map.addLayer({
            'id': 'demo',
            'type': 'circle',
            'source': 'points',
            'paint': {
              // use get expression to get the radius property. Divided by 10 to be able to display it
                'circle-radius': ['/',['get', 'radius'],10],
                'circle-color': "blue"
            }
        });