Show drawn polygon area

Use mapbox-gl-draw to draw a polygon and Turf.js to calculate its area in square meters.

Related examples

Measure distances

Example

To calculate distances on the map, simply click on different points to create lines that will measure the distances using turf.length.

Geocoding limit results by a drawn area

Example

Limit geocode control search results to the bounding box of the drawn area. Draw a polygon on the map to filter the search results to the polygon bounding box.

Add a pattern to a polygon

Example

Use fill-pattern to draw a polygon from a repeating image pattern.