mapbox - カスタム ポイントを mapbox studio に追加する

Question

Mapbox studio classic では、新しい「マーカー」が必要な場所をクリックするだけで作成されます。新しい mapbox スタジオで同じことをしたいのですが、その機能がないようです。アップロードするデータセットがないことに注意してください。Mapbox Studio でデータセットを作成する必要があります。

誰かが私に何か洞察を持っているなら、それは素晴らしいことです!

Answer 1

このカスタム svg マーカーと一緒に Mapbox Studio にデータを追加できます。古い Leaflet L.marker に似たスタイルにしました: https://github.com/Ccantey/icons/blob/master/svgs/placeMarker-Blue-Shadow.svg

次に、レイアウト プロパティで、「marker-symbol」/「icon-image」を「myMarker-Blue-Shadow」に設定できます。

map.addSource("pointclick", {
    "type": "geojson",
    "data": {
        "type": "Feature",
        "geometry": {
            "type": "Point",
            "coordinates": [e.lngLat.lng, e.lngLat.lat]
        },
        "properties": {
            "title": "mouseclick",
            "marker-symbol": "myMarker-Blue-Shadow"
        }
    }
});

map.addLayer({
    "id": "pointclick",
    type: 'symbol',
    source: 'pointclick',
    "layout": {
        "icon-image": "{marker-symbol}",
        "icon-size":1,
        "icon-offset": [0, -13]
    },
    "paint": {}
});