Mapbox GL AddLayer: Hình ảnh biểu tượng đến từ đâu

Rất nhiều ví dụ luôn tải hình ảnh biểu tượng như thế này (Ví dụ tại đây: https://www.mapbox.com/mapbox-gl-js/example/geojson-markers/ ):

map.addLayer({
    "id": "markers",
    "type": "symbol",
    "source": "markers",
    "layout": {
        "icon-image": "{marker-symbol}-15",
        "text-field": "{title}",
        "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
        "text-offset": [0, 0.6],
        "text-anchor": "top"
    }
});

Biểu tượng này được lưu trữ ở đâu và làm cách nào tôi có thể liên kết với png hoặc svg cục bộ? Hoặc làm thế nào tôi có thể đặt của riêng tôi markersvào nguồn? Ví dụ này không được ghi chép nhiều.

Nếu bạn làm theo các ví dụ, bạn chỉ nhận được các họa tiết tải với bảng sprite của phong cách cụ thể của bạn, điều này KHÔNG CẦN PHẢI so khớp 1-1 với bất kỳ kiểu nào khác.

ví dụ: emerald-v8 KHÔNG có "icon-image": "harbor-15" giống như ví dụ sử dụng đường phố-v8.

Để xem danh sách các họa tiết có sẵn từ các kiểu tương ứng: https://github.com/mapbox/mapbox-gl-styles/tree/master/sprites

Tôi có thể chọn biểu tượng "bến cảng" từ kho emerald-v8 của họ như vậy:

map.addLayer({
    "id": "pointclick",
    type: 'symbol',
    source: 'pointclick',
    "layout": {
        "icon-image": "harbor_icon",
        "icon-size":1.5
    },
    "paint": {}
});

Đây là tài nguyên giúp tôi kết hợp tất cả lại với nhau và nó giải thích cách tạo biểu tượng của riêng bạn: https://www.mapbox.com/help/custom-markers/#locate-mapbox-styles-images

BIÊN TẬP:

Về cơ bản, để thêm một trong các biểu tượng của riêng bạn, hãy vào studio Mapbox, tạo phong cách của riêng bạn hoặc chỉnh sửa một trong các biểu tượng của chúng. Chỉ cần thêm một trong các SVG của riêng bạn, sau đó biểu tượng đó sẽ có sẵn cho bạn vào bảng sprite tùy chỉnh của bạn.

Bạn cũng có thể sử dụng các biểu tượng bên ngoài / được tạo như icon-imagethể bạn sử dụng map.loadImage()và map.addImage()đầu tiên.

Ví dụ:

Thêm một biểu tượng vào bản đồ

Thêm một biểu tượng được tạo vào bản đồ

Như đã nói trong tài liệu sprite : Chuyển "sprite": "https://link"đến phong cách của bạn, nơi linkliên kết đến json được tạo ra với spritezero-cli . spritezero-cli đã tạo png sprite từ danh sách các biểu tượng của bạn ở định dạng svg. Rằng bạn có thể sử dụng các biểu tượng trong các lớp biểu tượng như 'icon-image'.