How to set a frame for a block with a Yandex map?

Question

css

How to frame a Yandex map like this: https://yadi.sk/i/iQKB5mm4k5UHF ?

Answer 1

Position the picture with the mask on top of the block with the absolute map. It is better to make a picture svg - fewer kilobytes, smooth contours when scaling.
To make clicks pass through the image, set it to pointer-events: none.
Works almost everywhere caniuse.com/#feat=pointer-events
Where pointer-events doesn't work, don't make a mask. Detected through modernizr.
More examples paulradzkov.com/2012/pointer-events

Answer 2

for example a div with your map to give css

border-radius: 50%;
width: 50%;
height: 100%;