Mapbox GL AddLayer: Simge görüntüleri nereden geliyor?


10

Birçok örnek her zaman simge görüntüsünü böyle yükler (Örneğin burada: 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"
    }
});

Bu simge nerede depolanır ve yerel bir png veya svg'ye nasıl bağlanabilirim? Ya da kendi markerskaynağımı nasıl kaynağa koyabilirim ? Örnek çok iyi belgelenmemiştir.


API belgelerinin 'stil referansı' bölümünü kontrol ettiniz mi?
Tangnar

3
Bence çok iyi açıklanmamış. İyi açıklanmış bir çalışma örneği görmek isterim.
tobias47n9e

Yanıtlar:


13

Örnekleri takip ederseniz, sadece kendi stilinizin sprite sayfasıyla yüklenen spriteları alırsınız, bu da başka bir stille 1 ila 1 eşleşmesi GEREKMEZ.

örnek: zümrüt-v8, sokaklar-v8 kullanan örnek gibi NO "simge-resmi": "liman-15" değerine sahiptir.

İlgili stillerdeki kullanılabilir spriteların listesini görmek için: https://github.com/mapbox/mapbox-gl-styles/tree/master/sprites

Ben onların zümrüt-v8 deposundan böyle "liman" simgesini seçebilirsiniz:

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

Hepsini bir araya getirmeme yardımcı olan kaynak ve kendi simgelerinizi nasıl oluşturacağınızı açıklıyor: https://www.mapbox.com/help/custom-markers/#locate-mapbox-styles-images

DÜZENLE:

Temel olarak, kendi simgelerinizden birini eklemek için Mapbox stüdyosuna gidin, kendi stilinizi oluşturun veya bunlardan birini düzenleyin. Sadece kendi SVG'lerinizden birini ekleyin, o zaman bu simge sizin özel hareketli grafik sayfanıza eklenecektir.resim açıklamasını buraya girin



0

O dediği gibi sprite docs : Geçiş "sprite": "https://link"sizin tarzı, için linkbirlikte genereted json link spritezero-cli . svg formatında simgeleriniz listesinden spritezero-cli oluşturulan png sprite. Sembol katmanlarındaki simgeleri olarak kullanabilirsiniz 'icon-image'.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.