2016-03-21 4 views
5

Я переписываю веб-приложение из Mapbox.js в Mapbox GL js. Использование стандартного стиля 'mapbox: // styles/mapbox/streets-v8', где я могу найти список всех значков рабочих маркеров?Mapbox GL js Доступные значки

Вот мой код:

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

Я читал, что все иконки Maki должны быть доступны для стилей, которые не имеют значки по умолчанию: https://github.com/mapbox/mapbox-gl-styles/issues/241 Но большинство из них не работают. Также есть проблема с размерами - для Маки они были маленькими, средними и большими, и теперь я вижу -11 и -15.

Мне просто нужно использовать некоторые основные значки маркеров.

ответ

5

Мы по-прежнему разбираем окончательные детали реализации для набора значков по умолчанию и документально оформляем его, как только это будет определено.

До тех пор вы можете точно видеть, какие значки доступны для данного стиля, заглядывая в mapbox-gl-styles repo in the sprites folder.

+0

Спасибо, есть способ увидеть, как выглядит изображение спрайта или нужно визуально проверять их 1 на 1? –

+4

Это действительно должно быть более очевидным в документации. Пользователям не нужно погружаться в переполнение стека, чтобы узнать, какие маркеры доступны! –

+1

Это единственный способ увидеть значки? –

-1

С that issue was closed все иконки maki теперь изначально доступны в mapbox-gl.js. Вы можете увидеть все доступные по адресу https://www.mapbox.com/maki-icons/. Вы также можете умножить свой размер с помощью icon-size paint property, хотя это может привести к пикселизации. Есть еще несколько задержек, например, свойство icon-color еще не работает, поэтому теперь вам нужно будет редактировать, перекрашивать и переиздавать значки. (issue #3605).

+0

Вы можете искать иконки по названию и теме при этом взломе. Я написал [здесь] (https://skalt.github.io/maki-choice/). –

Смежные вопросы