使用Mapbox GL JS创建自定义价格标记

Question

我正在尝试使用Mapbox GL JS图层创建价格标签。与此类似：

Regular expression that matches valid IPv6 addresses

使用此代码，我已经出现了一些圈子。

this.map.addLayer({
    id: "location-markers",
    type: "circle",
    maxzoom: ZOOM_THRESHOLD,
    source: {
       "type": "geojson",
       "data": this._getData(markers)
    },
    paint: {
        "circle-color": "#007bff",
        "circle-radius": 5,
        "circle-stroke-width": 2,
        "circle-stroke-color": "#fff"
    },
});

我不确定如何使用图层创建一个包含动态价格数据的矩形。我知道我可以使用Mapbox的Marker实例创建自定义标记。但是，我还需要这些点才能在悬停时显示弹出窗口，据我所知，标记仅在单击时显示弹出窗口。这就是为什么我试图使它与图层一起使用的原因。

任何帮助都将受到赞赏。