Draw a polygon automatically through markers (points) in google maps

Question

I have a difficult situation, I'm trying to draw a polygon through markers (points), what I need is for the polygon to be drawn automatically after tracing the points.

The problem is that most of the polygons will be irregular, because the points indicate a route through the roads, and the polygon has to draw around those points with 100 meters margin on both sides, and manage to capture the positions Of the bookmarks in a table using javascript.

I put an image referring to what I want to do, the dotted blue line shows the polygon, and the black circles are the points.

I am using javascript and google maps api, I would like to know if what I want to do is possible without using a lot of mathematics and I would need to do it, sorry my English since I do not master it, my language is Spanish.

Answer 1

if I've understood you correctly, what you want is called a buffer.

This can be easily achieved with a library called turfjs. It is easy to integrate this with an alternative to google maps called Leaflet.

Here is an example I've made of adding points to a leaflet map, connecting them with a polyline and buffering that polyline.

If you provide more details about how your data is stored I can be more specific about how you can get it onto the map.