带对话框的自定义标记

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

我看到这样做的唯一方法是使用带有custom HTML Element的标记。虽然你不能使用某个来源。