如何在mapbox-gl中爲圖層文本字段添加背景顏色

Question

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

Answer 1

雖然我也不知道如何繪製背景中，我們可能會尋找它掩蓋了自定義標籤下的任何其他文本，使其彈出，更清晰的同樣的事情。如果是這樣，我確實發現你可以添加一個「光環」來達到預期的效果。

"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 
      }, 

這是從他們的網站上的this example。