2016-03-21 50 views
5

私はMapbox.jsからMapbox GL jsにWebアプリケーションを書き換えています。 標準の 'mapbox:// styles/mapbox/streets-v8'スタイルを使用すると、すべての動作中のマーカーアイコンのリストはどこにありますか? https://github.com/mapbox/mapbox-gl-styles/issues/241 しかし、それらのほとんどは動作しませんが: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" 
     } 
    }); 

は、私はすべてのマキのアイコンがデフォルトとしてアイコンを持っていないスタイルのために利用できるようにすべきであることを読んで:

は、ここに私のコードです。 また、大きさに問題があります - マキの場合、それらは小、中、大です。今は-11と-15が見えます。

基本的なマーカーアイコンを使用するだけです。

答えて

5

デフォルトアイコンセットの最終的な実装の詳細を整理しておき、それが決定されると完全にそのセットを文書化します。

これまでは、mapbox-gl-styles repo in the sprites folderを見て、特定のスタイルに使用できるアイコンを正確に確認することができます。

+0

ありがとうございます。スプライト画像がどのように見えるか、または視覚的に1×1のテストが必要なのかを確認する方法はありますか? –

+4

これは本当にドキュメントでより明白にする必要があります。利用可能なマーカを見つけるためにスタックオーバーフローに陥る必要はありません。 –

+1

これはまだアイコンを表示する唯一の方法ですか? –

-1

that issue was closed以降、すべてのマキアイコンがmapbox-gl.jsでネイティブに使用できるようになりました。すべてhttps://www.mapbox.com/maki-icons/でご覧になれます。 icon-size paint propertyを使用してサイズを掛けることもできますが、ピクセル化する可​​能性があります。 icon-colorのようなヒッチがまだ残っていないので、今はアイコンを編集、再描画、再公開する必要があります。 (issue #3605)。

+0

私は[ここ](https://skalt.github.io/maki-choice/)で書いたこのハックで、アイコンと名前でアイコンを検索できます。 –

関連する問題