У меня есть две карты Google. Первый создается с помощью API Карт Google (v3) и содержится в # map1. Второй отображается в iframe с использованием предложенного синтаксиса встраивания от Google и содержится в # map2.

Вот'S скрипка:http://jsfiddle.net/wmcmeans/mPGWx/7/

Вот фрагменты:

Вот'Проблема: Карты Google, созданные с помощью API v3, не учитывают границы контейнера, к которому применен стиль границ границ, при просмотре в браузере на основе веб-набора. Метод iframed (embed) не показывает тот же недостаток.

Проверено хорошо:

FireFox v 19.0.2 (Windows 7)

FireFox v 32.0.3 (Windows 8.1)

IE9 v 9.0.8112 (Windows 7)

IE11 (Windows 8.1)

Не удалось:

Chrome v 25.0.1364.160 m / Safari (Win / 32) v 5.0.3 / Opera v 11.64 (Windows 7)

Chrome v 38.0.2125.104 м (Windows 8.1)

Карты версии 2 устарели и не являются опцией. Я'Мне бы хотелось стилизовать карты v3 только с помощью CSS, без графики и наложений. Я'ищу обходной путь к проблеме рендеринга webkit. (Я'мы уже открылиХром № 187187 для этого, почти год спустя, еще предстоит рассмотреть).