0

我使用图层属性显示标记。

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 个样本坐标(特征)。是否可以为不同的功能显示不同的图像?我没有得到任何帮助。任何帮助将不胜感激。提前致谢。

4

1 回答 1

-2

假设您使用的是纯 MapboxGL,请按照以下说明将自定义图像放在标记上。它为您的问题提供了一个非常清晰的示例。仅供参考,无论您使用的是纯 Mapbox 还是包装器,您都想使用标记而不是特征。

如果您使用 Mapbox 的包装器,请告诉我,我们可以解决它。

于 2019-07-09T20:37:25.390 回答