2016-04-21 13 views
6

come aggiungere un colore di sfondo per il campo di testo del livello in mapbox-gl .. o come può essere fatto in modo che ci sia una casella di sfondo sul campo di testocome aggiungere il colore di sfondo per il campo di testo del layer in 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" 
    } 
}); 

risposta

1

Mentre anche io non so come disegnare una scatola di fondo, potremmo essere alla ricerca per la stessa cosa che è quello di oscurare qualsiasi altro testo sotto l'etichetta personalizzata in modo che si apre ed è più leggibile. Se è così, ho scoperto che è possibile aggiungere un "alone" che otterrà l'effetto desiderato.

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

Questo è stato preso da this example sul loro sito.

Problemi correlati