как добавить цвет фона для текстового поля слоя в mapbox-gl

как добавить цвет фона для текстового поля слоя в mapbox-gl.. или как это можно сделать, чтобы в текстовом поле было фоновое поле

map.addLayer({
    "id": "markers",
    "type": "symbol",
    "source": "markers",
    "layout": {
        "icon-image": "{marker-symbol}-15",
        "text-field": "{title}",
        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
        "text-offset": [0, 0.6],
        "text-anchor": "top"
    }
});

mapbox-gl-js
person Zulhalimi Anuar Muhammad    schedule 21.04.2016    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Хотя я также не знаю, как нарисовать фоновое поле, мы, возможно, ищем то же самое, чтобы скрыть любой другой текст под настраиваемой меткой, чтобы он выделялся и был более разборчивым. Если это так, я обнаружил, что вы можете добавить «ореол», который позволит достичь желаемого эффекта.

"layout": {
                "icon-image": symbol + "-15",
                "icon-allow-overlap": true,
                "text-field": symbol,
                "text-font": ["Open Sans Bold", "Arial Unicode MS Bold"],
                "text-size": 11,
                "text-transform": "uppercase",
                "text-letter-spacing": 0.05,
                "text-offset": [0, 1.5]
            },
            "paint": {
                "text-color": "#202",
                "text-halo-color": "#fff",
                "text-halo-width": 2
            },

Это взято из этого примера на их сайт.

person headwinds    schedule 09.07.2017
comment
Это ИМЕННО то, что я искал. Я думаю, что многие люди хотели бы разместить текст и сделать его немного выделяющимся, не добавляя слишком много кода. Я попробовал это с text-halo-width: 5, и вокруг текста появилось красивое белое поле. Спасибо чувак! - person sonic98; 24.11.2020