带对话框的自定义标记

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

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才能达到这样的效果吗？

我认为做到这一点的唯一方法是使用带有自定义 HTML 元素。但您将无法使用来源。