How to reduce visible part (or mask) of mapbox style layer?

Question

I have hexagonal tileset added as a layer to mapbox style though mapbox studio.

Trying to find possibility to reduce layer visible area. For example to show only 100m radius (or square with side equal to 100m) area around map center (current point marker).

Is this possible?

Serhii Z. · Accepted Answer · 2017-10-03 15:31:33Z

1

You can create a bounding box and use fitBounds method of the map, for example:

const boundingBox = [
   [minX,  minY],
   [maxX, maxY]
];

map.fitBounds(boundingBox);

More about fitBounds and other examples you can find here.

For creating bounding box you can use Turf.js library.

This code uses buffer and bbox methods to create bounding box with 100m side and given point in the center:

const pointBuffer = turf.buffer(point /* - your point GeoJSON */, 0.1, 'kilometers');
const boundingBox = turf.bbox(pointBuffer);

edited Oct 3, 2017 at 15:31

answered Oct 3, 2017 at 15:19

Serhii Z.

1,1761 gold badge10 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to reduce visible part (or mask) of mapbox style layer?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related