Google Map Field Radius

• leanda

• January 12, 2018 at 5:41 am

Hi

I’m using the map field to show the location of a customers store. I’ve just been asked to display a radius overlay to show that they will deliver up to 25 miles from the store. Does anyone have a clue as to how I might add this to the map?

Thanks

• leanda

• January 12, 2018 at 6:08 am

For anyone else looking for how to do this add this to your map function.

   // Add the circle for this marker to the map.
        var cityCircle = new google.maps.Circle({
            strokeColor: "#9BCCDF",
            strokeOpacity: 0.8,
            strokeWeight: 2,
            fillColor: "#9BCCDF",
            fillOpacity: 0.35,
            map: map,
            center: latlng,
            radius: 40233.6,
            draggable: false
        });