我使用图层属性显示标记。
import markerIcon from "../map-marker.png";
const image = new Image();
image.src = markerIcon;
const images = ['customImage', image];
<Mapbox
style="mapbox://styles/mapbox/streets-v8"
containerStyle={{
height: "100vh"
}}
>
<Layer
type="symbol"
id="marker"
layout={{
"icon-image": "customImage",
"icon-allow-overlap": false
}}
images={images}
>
<Feature
key="1"
coordinates={[-0.2416815, 51.5285582]}
/>
<Feature
key="2"
coordinates={[-0.3416815, 51.6285582]}
/>
</Layer>
</Mapbox>
上面的代码工作正常。但是,我的要求是我想为 2 个标记显示 2 个不同的图像。现在我已经展示了 2 个样本坐标(特征)。是否可以为不同的功能显示不同的图像?我没有得到任何帮助。任何帮助将不胜感激。提前致谢。