MapBox Text Layer is adding multiple text instead of single centered text

Question

I am trying to use data from my tileset (.zipped shape file) to show Text Label over my tile layer. However, instead of adding a centered label, it's adding multiple-texts sometimes.

For example 38 or 37.

If I zoom, it adds more

How can I force it to have only single label in the center of the tile instead?

Answer 1

If you're trying to label a polygon then you need to tell Mapbox GL JS exactly where you want that label to be for each polygon. You need to do that by creating your own point from the polygon and labelling that instead of the polygon. Otherwise it will label once per tile like what you're seeing.