Support

Account

Home Forums ACF PRO Google Map Field Radius

Solved

Google Map Field Radius

  • 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

  • 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
            });
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.