Как добавить текст внутри круга в Mapbox Gl Js

Question

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

У меня есть два слоя, один для кружков и один для текста.

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

Это мои два слоя, один, где я пытаюсь добавить текст, второй называется синглом-счетчиком

      map.addLayer({
        id: "singles",
        // type: "symbol",
         type: "circle",
        source: "users",
        filter: ["!has", "point_count"],
        // layout: { 
        //   "icon-image": "custom-marker"
        // },
        paint: {
            'circle-radius': {
                'base': 10,
                'stops': [[5, 20], [15, 500]]
            },
            'circle-color': '#ddffc8',
          }
      });
    });


    map.addLayer({
        id: "singles-count",
        type: "symbol",
        source: "users",
        filter: ["has", "singles_count"],
        layout: {
        "text-field": "XXX",
        "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
        "text-size": 12
        }
      });

Но, он не отображает XXX и не выдает никакой ошибки, Есть идеи?

Answer 1

Можете ли вы сделать тестовый пример с помощью jsfiddle / codepen?Слои выглядят правильно, но фильтры могут отфильтровывать все данные.