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 しかし、それらのほとんどは機能しません。また、サイズにも問題があります。Maki の場合、サイズは -小、中、大でしたが、今では -11 と -15 になっています。
基本的なマーカー アイコンを使用するだけです。