Search code examples
javascriptgoogle-mapsgoogle-maps-api-3areagoogle-directions-api

Google maps directions and area near route

How I can do something like here in image with google map, Is anybody know ho to do this.

So here is directions and area near route directions (green opacity area)

enter image description here

Solution

  • I would approach this by using the Directions API and getting lat/lng of each step.

    I would then use the Polygons API to draw circles of a chosen radius, every x meters along a straight path following the steps.

    EDIT:

    A better solution would be to use the steps with a Polyline, and give it a sufficiently thick strokeWidth