Y
Y
ysaeredir2015-09-05 09:12:58
css
ysaeredir, 2015-09-05 09:12:58

How to make a Yandex map from square to round?

I prescribe css, but everything is useless, as the map was square, it remains so.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
D
Dmitry, 2015-09-05
@2fox

wrap in div and set (for div)
div{border-radius: 50%;overflow: hidden;}

D
DillyWong, 2015-11-03
@DillyWong

Dear tell me, did you solve your question?
So far I've only been able to make it round in chrome.
Like this:

.ymaps-2-1-29-map{
        -webkit-border-radius: 250px;
           -moz-border-radius: 250px;
                border-radius: 250px;
        -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    }

where ".ymaps-2-1-29-map" is the class that is generated in my container div by yandex itself. the mask property does not work in other browsers.
To be honest, it’s brazenly stolen, so I didn’t go into the essence of the work.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question