Download & Extend

Possible to add a radius overlay centered on a Gmap marker?

Project:GMap Module
Version:7.x-1.x-dev
Component:Code
Category:support request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

Hello,

I have a Gmap location chooser enabled on my user register form and I would like to figure out a way to add a circle overlay centered on the map marker showing a 10KM radius.

I found an article on stackoverflow outlining how to do it with the Google Maps API V3 : http://stackoverflow.com/questions/825794/draw-radius-around-a-point-in-...

// 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');

I'm hoping there's a way to add something like this to my Gmap somehow. Has anyone out there tried something like this yet?

Any help would be greatly appreciated.

Cheers

Comments

#1

Did you get this working?

nobody click here