Hi JCU, I know it seems very very late to reply in 2013 :) I was also trying to finding a solution how to draw a inverted fill color circle few months ago for one of my client project. But i didn't find any suitable solution, Then i implemented my own library using *google.maps.MVCObject* Now i have a Inverted Filled Circle :) And it is also have same events like Orginal google map CIrcle :) I have shared my code here https://github.com/raihan2006i/google-map-inverted-circle
I will improve it continuously, Hope it might help you and help others in the future Thanks Raihan http://about.me/raihan.arman On Monday, October 10, 2011 7:09:21 AM UTC+2, skygizmo wrote: > > Hi All, > > First post here. > > There is an option to fill the inside of circle with a color . I > want the inverse. I want everything outside of the circle to be filled > in with the color and opacity that I set. > > I use the google.maps.Circle function to draw my circles. I ideally, > if I were to draw 3 concentric circles, the center would be clear, the > space between it and the next would be colored with a very light > opacity. The area between circle two and three would be the same color > but double the opacity. The are outside of the third ring would be the > most heavily colored. > > The circles are service zones. The further out from the center, the > more the trip charge. My application allows up to 7 concentric > circles/zones. The shading is meant to give the dispatcher a clue as > to which zone a marker is in. I chose three circles to simply things. > > Any ideas, links, or comments will be sincerely appreciated. > JavaScript ain't my thing so please be gentle! > > JCU -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-maps-js-api-v3+unsubscr...@googlegroups.com. To post to this group, send email to google-maps-js-api-v3@googlegroups.com. Visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
