Как карту яндекс из квадратной, сделать круглой?

Question

[ysaeredir]

Прописываю css, но все бесполезно, как карта была квадратной, так и остается.

Comments

[Сергей Сергей]

засунуть внутрь "круглого" контейнера.

[ysaeredir]

засунул в div прописал border radius 50% у него, но карта не изменилась

[lnked]

Overflow: hidden; ещё добавьте

[Тоша Марсик]

ну или простенький скрипт к iframe добавить чтоб цсс-ку элемента менял с тем же бордер-радиусом

Answer 1

[Дмитрий]

оборачиваешь в div и задаешь (для div)

div{border-radius: 50%;overflow: hidden;}

Answer 2

[DillyWong]

Уважаемый подскажите, решили свой вопрос ?
Я пока смог сделать круглой только в chrome.
Вот так:

.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);
    }

где ".ymaps-2-1-29-map" это класс что генерируется в моем контейнере div самим яндексом. свойство mask в других браузерах не работает.
Признаться честно нагло стырено, поэтому в суть работы не вдавался.