Set map bounds to circle bounds? (polyline, polygon, marker, circle)

[ollietreend]

Hi,

Intro
I am currently building a search tool which will plot search results on a map, similar to your typical store locator. The user chooses a location (lat/lon) to search from and a radius. A database is queried for records which are within the specified radius of the user's location. These results are returned back to the browser to be plotted on a Google Map with angular-google-maps.

I am using <markers> directive to display the results on the map. I am also using a <circle> directive to show the search radius, setting the "center" property to be the user's chosen location, and the "radius" property to be the search radius.

The Problem
I would like to have the map fit to the bounds of the circle. I understand that I can set the "bounds" property on the <google-map> directive. However I'm not sure how I can retrieve the bounds of the circle.

Potential Solution
The google.maps.Circle class has the method getBounds() which returns a LatLngBounds object. However I'm not sure if I'm able to access the Circle object of the <circle> directive in order to retrieve its bounds.

Even if I am able to retrieve the bounds of the <circle>, I'm not sure how I would store that in a scope model in order to assign it to the <google-map>.

Do you know how I could achieve the above using angular-google-maps?

Also Tried
I have also tried setting "fit" to true on the <markers> directive. This works as expected, however because it fits the map based on the returned results, it doesn't center the map based on the initial search location, nor does it fit to the radius circle.

I want to show the search location in the center, even if the results only exist within the southern region of the radius circle. Therefore this approach doesn't achieve what I'm looking for.

Thanks

[nmccready]

I'll get back to you.

[nmccready]

I could easily add in a control object to the Circle and for that matter many objects so you could get the reference directly. Lastly if there is an events attribute you can listen on the events for the circle and the circle's reference is passed as the first argument.

Also see here for fit on a circle. http://stackoverflow.com/questions/9768439/how-to-google-map-circles-fit-the-map

(HACK) Lastly if that is not to you liking you can just do a fit on for mock markers that are all the same radius at 0, 90, 180, 270 degrees from the circle and that should produce a fit result.

[nmccready]

Well crap none of these options ( events, options, or control) exist on Circle.

https://github.com/nlaplante/angular-google-maps/blob/1.1.0/src/coffee/directives/circle.coffee

This would need to be an improvement, which should not take long. I can do it or if you would like to do it let me know as it would save me time to do other bugs.

[nmccready]

Please responds as I will not move on this until I hear back.

[ollietreend]

Thanks for looking into this @nmccready.

I'm afraid pretty new to the world of GitHub & open source, and have yet to learn CoffeeScript (I'm primarily a PHP guy, but am starting to explore AngularJS).

If you could find the time to implement this feature, it would be much appreciated. I'll be sure to pick apart your changes to try and learn from them too.