web-dev-qa-db-ja.com

Mapbox GL js利用可能なアイコン

WebアプリケーションをMapbox.jsからMapbox GL jsに書き直しています。標準の 'mapbox：// styles/mapbox/streets-v8'スタイルを使用しています。すべてのリストはどこにありますか？マーカーアイコンが機能していますか？

これが私のコードです：

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が表示されています。

基本的なマーカーアイコンを使用する必要があります。

javascriptmapboxmapbox-gl-js
10
the_web

デフォルトのアイコンセットの最終的な実装の詳細はまだ整理中であり、決定されたらそのセットを完全に文書化します。

それまでは、 spritesフォルダー内のmapbox-gl-stylesリポジトリ を確認することで、特定のスタイルで使用できるアイコンを正確に確認できます。

10
Lucas Wojciechowski

その問題はクローズされました 以降、すべてのmakiアイコンがmapbox-gl.jsでネイティブに利用できるようになりました。 https://www.mapbox.com/maki-icons/ で利用可能なすべてを見ることができます。 icon-size Paintプロパティ を使用してサイズを乗算することもできますが、これによりピクセル化が発生する可能性があります。 icon-colorプロパティがまだ機能していないなど、まだいくつかの問題があるため、今のところアイコンを編集、色変更、および再公開する必要があります。 （ 問題＃3605 ）。

1
Steven Kalt