Custom Shape Div с картами Google внутри ⇐ Jquery

[Anonymous]

Мне нужно создать элемент управления произвольной формы, содержащий карту «Карты Google». С пользовательской рамкой все в порядке, я могу справиться с этим, используя .png, но с самой формой у меня есть только некоторые теории о том, как это сделать, но ничего на практике. Но я думаю, что есть способ сделать это с помощью HTML-холста, чтобы создать собственную фигуру в элементе div, и использовать в CSS overflow:hidden, чтобы скрыть то, что выходит за пределы элемента div.
сейчас у меня следующая структура:

Код: Выделить всё

Как вы можете видеть, я не могу использовать фон в формате .png только для отображения карты, поскольку мне нужно, чтобы карта была кликабельна.
Вот изображение того, что я говорил.


PS: То же самое можно сделать и с jQuery.

Подробнее здесь: https://stackoverflow.com/questions/113 ... aps-inside