How to embed googlemap in mask div

Question

I need to put google map in div. There is no problem ... the problem is that I need to hide this div. I need to have a google circular map that I can move!

Am I trying Help pls?

Answer 1

With the Maps API, create a Polygon that spans everything except circles.

To create a circle that does not display line segments at each zoom level is difficult, but it should be possible to approach with a reasonable all-round view.

Alternatively, you can extend the OverlayView class to create a custom overlay type that shows a circle with smoother edges. But it will be more work.

Answer 2

One solution is to use jquery to get the absolute (x, y) coordinates of each map and place a div with a png background above it, by absolutely positioning the div.

Answer 3

I am sure this is not possible. I am afraid - if you put something above the map (even if it is transparent), this will not allow you to interact with the map - since you will click on this div, not on the map. In addition, IE seems to have some problems with disguising google maps.

You may have an overlay that disappears when you hover over it using jquery or: hover clss to move it to a negative z-index, but I really don't think you can do what you need to do.

(ps - I tried to comment on the answer above - but for some reason I couldn't - sorry for the new answer)