Unfortunately this isn't possible with the google.maps.Circle class. It is, however possible using a google.maps.Polygon, where you can create holes. You can create your own circles using the computeOffset method in the google.maps.geometry.spherical namespace: http://code.google.com/apis/maps/documentation/javascript/reference.html#spherical
Here's a demo I wrote a while ago, it could serve as a decent starting point: http://geoapis.appspot.com/agdnZW9hcGlzchMLEgtFeGFtcGxlQ29kZRjxqAIM Hope this gets you on the right track. Chris -- http://twitter.com/broady On Mon, Oct 10, 2011 at 4:09 PM, skygizmo <[email protected]> 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 post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]. > For more options, visit this group at > http://groups.google.com/group/google-maps-js-api-v3?hl=en. > > -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
