Question

I have a Google Map which contains a circle area.

I want to know if the circle is currently visible within the map’s boundaries.

What I found so far is to check whether the center of the circle is within the boundaries, but I want to check for the whole circle and not only it’s center.

My code that checks if the map’s current center is within the boundaries of the circle is this:

            google.maps.event.addListener(map, 'bounds_changed', function() 
            {                    
                var circleBounds = circle.getBounds();
                console.log(circleBounds.contains(map.getCenter()));
            });

So what i want is something like this, which of course is not correct:

circleBounds.contains(map.getBounds());

Answer 1

1. Determine what the northmost, southmost, westmost, and eastmost LATLNGs of the circle are. You can find this given the circle radius

2. Determine if all points are inside the viewport bounds

3. If true, then yes, the circle must be viewable!

and you really should go back to your old questions and ACCEPT them (click on the check mark outline next to the best answer). This is how you show your appreciation for the hard work your answerers provided.