2016-03-21 17 views
5

Sto riscrivendo un'applicazione web da Mapbox.js a Mapbox GL js. Utilizzando lo stile standard 'mapbox: // styles/mapbox/streets-v8', dove posso trovare un elenco di tutte le icone di marcatori funzionanti?Mapbox GL js icone disponibili

Ecco il mio codice:

m.map.addSource("markers", { 
     "type": "geojson", 
     "data": { 
      "type": "FeatureCollection", 
      "features": { 
       "type": "Feature", 
       "geometry": { 
        "type": "Point", 
        "coordinates": ["-75.532965", "35.248018"] 
       }, 
       "properties": { 
        "title": "Start", 
        "marker-symbol": "entrance", 
        "marker-size": "small", 
        "marker-color": "#D90008" 
       } 
      } 
     } 
    }); 
    m.map.addLayer({ 
     "id": "markers", 
     "type": "symbol", 
     "source": "markers", 
     "layout": { 
      "icon-image": "{marker-symbol}-15", //but monument-15 works 
      "text-field": "{title}", 
      "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"], 
      "text-offset": [0, -1.6], 
      "text-anchor": "top" 
     } 
    }); 

ho letto che tutte le icone Maki dovrebbero essere resi disponibili per gli stili che non dispongono di icone come predefinito: https://github.com/mapbox/mapbox-gl-styles/issues/241 Ma la maggior parte di loro non funzionano. Inoltre c'è il problema con le taglie - per Maki erano -piccole, -medium e -grande, e ora vedo -11 e -15.

ho solo bisogno di utilizzare alcune icone di base marcatori.

risposta

5

Stiamo ancora sistemare gli ultimi dettagli di implementazione per l'icona predefinita set e sarà documentare che insieme a fondo una volta che è stato deciso.

Fino ad allora, è possibile vedere esattamente quali icone sono disponibili per un determinato stile dando una occhiata allo mapbox-gl-styles repo in the sprites folder.

+0

Grazie, c'è un modo per vedere come appare l'immagine sprite o è necessario testarli visivamente 1 per 1? –

+4

Questo dovrebbe essere reso più ovvio nella documentazione. Gli utenti non devono tuffarsi nello stack overflow per scoprire quali marker sono disponibili! –

+1

È ancora l'unico modo di vedere le icone? –

-1

Dal that issue was closed, tutte le icone maki sono ora nativamente disponibili in mapbox-gl.js. Puoi vedere tutto disponibile a https://www.mapbox.com/maki-icons/. Puoi anche moltiplicare le loro dimensioni usando lo icon-size paint property, anche se questo potrebbe causare pixel. Ci sono ancora alcuni problemi, come la proprietà icon-color non ancora funzionante, quindi per ora dovrai modificare, ricolorare e ripubblicare le icone. (issue #3605).

+0

Puoi cercare le icone per nome e tema in questo trucco che ho scritto [qui] (https://skalt.github.io/maki-choice/). –