mapbox-gl - 带对话框的自定义标记

Question

如何实现如上所示的对话框。到目前为止，这就是我现在能做的

map.addLayer({
    "id": "markers",
    "type": "symbol",
    "source": "markers",
    "interactive": true,
    "layout": {
        "text-field": "{price2}",
        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
        "text-offset": [0, 0.6],
        "text-anchor": "top",
        "text-size": 12,
        "text-letter-spacing": 0.05,
        "icon-image": "marker-15"
    },
    "paint": {
        "text-color": "#fff",
        "text-halo-width": 2,
        "text-halo-color": "rgb(11, 148, 68)"
    }
});

我必须使用studio才能达到这样的效果吗？

Answer 1

我认为做到这一点的唯一方法是使用带有 custom HTML Element 的标记。 。但您将无法使用源。