Keywords | draw a distance circle on Google maps, draw a circle on google maps, draw a circle on google map, draw radius circle on google maps

• Keep reading on Google Maps Draggable Marker Get Coordinates

Draw a Circle on Google Maps

A shape is an object on the map, tied to a latitude/longitude coordinate. So using Google Maps API V3 we can add various shapes to your map. There are following shapes to overlay on Google Maps such as – line, polygon, circle and rectangle.

In addition, the Google Maps JavaScript API includes a specific class for drawing circle on the map, to simplify their construction. A circle has two additional properties which define its shape:-

• Center specifies the google.maps.LatLng of the center of the circle
• Radius specifies the radius of the circle, in meters

How to draw a distance circle on Google Maps

The following example demonstrates draw a circle on google maps and how to how to draw radius circle on google maps javascript API v3. Find the source code below:-

    
Draw a Circle on Google Maps
    Click here to pick a location on map

    Click here to remove circle from the map
    

    

Download Code

What do you think?

I hope you liked this article on draw a circle on google maps and draw a distance circle on google maps. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.