如何在Mapbox中旋转geoJSON指定的图标?

如何在Mapbox中旋转geoJSON指定的图标?,mapbox,mapbox-gl-js,Mapbox,Mapbox Gl Js,我有一个geoJSON,其中包含显示风速符号的点。我试图理解如何更改代码以允许旋转。我肯定我以前见过这个,但我在任何地方都找不到一个例子 作为参考,我的geoJSON中有一个功能不包含旋转属性: { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-117.

我有一个geoJSON,其中包含显示风速符号的点。我试图理解如何更改代码以允许旋转。我肯定我以前见过这个,但我在任何地方都找不到一个例子

作为参考,我的geoJSON中有一个功能不包含旋转属性:

{
    "type": "Feature",
    "geometry": {      "type": "Point",
      "coordinates": [-117.2500 , 33.35000]
     },
     "properties": {
        "description": " ",
        "icon": "wind-speed-15"
     }
}
下面是我将其添加到地图的代码:

map.addLayer({
        id: "wind_speed",
        type: 'symbol',
        source: 'wind_speed_json',
        layout: {
            'icon-image': ['get', 'icon']
        }
    })
我需要在JSON中更改什么才能允许Mapbox根据每个功能进行旋转?我是这样想的,以度为单位(只是一个例子):


我只能找到如何使用适用于整个JSON(而不是每个特性)的图标旋转的示例。有没有这样的风格?我肯定是做错了什么事。

你说得对,但混淆了两个问题

首先,需要向GeoJSON对象添加一个值。你可以随意称呼这个领域

“属性”:{
“说明”:“,
“图标”:“风速-15”,
“轮换”:90
}
接下来,您需要告诉Mapbox GL JS如何将该属性转换为图标旋转:

布局:{
“图标旋转”:[“获取”、“旋转”]
}

Steve Bennett,大师。总有一天我会欠你几百万美元。希望其他需要轮换帮助的人会看到这一点。这里有几个例子,但都有点不清楚。你太牛了
 "properties": {
    "description": " ",
    "icon": "wind-speed-15",
    "icon-rotate": 90
 }