How to draw a circle in google-map

Question

How to draw a circle in google-map at a certain position(other than center), provided user has latitude, longitude and radius?

First google result: http://blog.enbake.com/draw-circle-with-google-maps-api-v3/ — Johan, Feb 26 '13 at 22:06

score 6 · Accepted Answer · edited May 23 '17 at 12:06

// Create marker 
var marker = new google.maps.Marker({
  map: map,
  position: new google.maps.LatLng(53, -2.5),
  title: 'Some location'
});

// Add circle overlay and bind to marker
var circle = new google.maps.Circle({
  map: map,
  radius: 16093,    // 10 miles in metres
  fillColor: '#AA0000'
});

circle.bindTo('center', marker, 'position');

Sounds like if you have the lat/long and the radius you want then you can just define a point somewhere on the map, then bind a circle to that point.

Source

score 0 · Answer 2 · answered Feb 26 '13 at 22:10

0

Here you go!

google.maps.CircleOptions

answered Feb 26 '13 at 22:10

Shouvik

11,350
16
58
89

How to draw a circle in google-map

2 Answers2