Adding transparent overlay to google map

Question

I looked at the lists of apartments when I came across this,

And I wonder how this is achieved?

EDIT:

Image overlay detected by check element. The question is, are there any api to do such things?

Answer 1

You can implement a custom map type using the ImageMapType object. You can implement it to return darkened / translucent images for map fragments. Then you can overlay this type of card on a regular one .

Answer 2

The answer will be no. There is no API to add fixed images on google map. What for? Since this is the standard behavior for any div (if you want to simulate what they did, just put the div after the div div of the map and place it absolutely ... in this case top: 0 and left: 0 with 100% width and gradient or static image as background). You can place any div over any other div, even if it contains a google map. Now there is an api for placing items inside the map ... these drawings can be just about anything, but they require a lat / long border because they are inside the map. There are also map controls that you can place on the map ... similar to a fixed div, but it has a specific stream inside the map, so if you have a drop-down list of maps and you click it if this drop-down list overlaps another map control that card management will move down.