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