How to Draw a Circle on Google Maps

3085
draw a circle on google maps

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

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:-

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.

LEAVE A REPLY

Please enter your comment!
Please enter your name here