javascript - Draw radius around a point in Google map -


I am using Google Maps API and have added markers. Now I want to add a radius of 10 miles around each marker, which means a circle that behaves properly during zooming. I do not know how to do this and it seems that this is not something common.

, and you can also see a look at Google Latitude

Update: Google uses Latitude which is scaled, how it works

Using Google Maps API V3, create a circle object, then use bindto () And to divide it into its marker position (because they are both google.maps.MVCObject examples).

  // marker var marker = new google.maps.marker ({map: map, location: new google.maps.LatLng (53, -2.5), title: 'some places'} ); // Add circle overlay and marker var circle = new google.maps.Circle (fill left: Map, Radius: 16093, // fill fill filler 10 miles in meters @: '# AA0000'}); Circle.bindTo ('center', marker, 'position');  

You can look like Google Latitude circle by changing it's filler, strokerolar, strokewave etc.

See more.


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -