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)"
    }
});

我必须使用工作室才能有这样的效果吗？

Answer 1

我看到这样做的唯一方法是使用带有自定义 HTML Element的标记。但是，您将无法使用源。