Mapbox добавить фоновое изображение на круг

Question

Я использую mapbox, и я сгруппировал свои данные.Теперь я хочу показать фоновое изображение (вместо черного фона!), Когда пользователь увеличил точку.

Я добавляю это так:

this.map.addLayer({
    id: "unclustered-point",
    type: "circle",
    source: "earthquakes",
    filter: ["!has", "point_count"],
    paint: {
        "circle-color": "black",
        "circle-radius": 8,
        "circle-stroke-width": 4,
        "circle-stroke-color": "#fff",
    }
});

Я загружаю свой геойсон так:

this.map.addSource("earthquakes", {
    type: "geojson",
    data: this.locations,
    cluster: true,
    clusterMaxZoom: 14, // Max zoom to cluster points on
    clusterRadius: 50 // Radius of each cluster when clustering points (defaults to 50)
});

this.map.addLayer({
    id: "clusters",
    type: "circle",
    source: "earthquakes",
    filter: ["has", "point_count"],
    paint: {
        "circle-color": [
            "step",
            ["get", "point_count"],
            "#002e5b",
            100,
            "#002e5b",
            750,
            "#002e5b"
        ],
        "circle-radius": [
            "step",
            ["get", "point_count"],
            20,
            100,
            30,
            750,
            40
        ],
    }
});

Так как я могу получить фоновое изображение вместо черного фона?

Answer 1

Вы можете добавить еще один слой точек с вашим собственным изображением, которое станет видимым в z14.Таким образом, пользовательское изображение закроет черные круги.

Я рекомендую сделать черный круг очень маленьким или вообще не существующим, чтобы он не конфликтовал с пользовательскими изображениями.