Почему нельзя трансформировать карту Google?

Question

[Алексей Струков]

Не могу понять почему нельзя применить к карте Гугл свойство transform.
Вот пример где свойство применяется к диву, но потом когда загружается карта, оно перестает работать.
https://jsfiddle.net/9d1eu5tn/

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/9d1eu5tn/2/

Comments

[Алексей Струков]

более изящный способ и без !important.
Спасибо

[Сергей Софьичев]

Алексей Струков: зато лишняя разметка)

[Алексей Струков]

Сергей Софьичев: после того как написал, тоже подумал об этом ))
Но с другой стороны это решение более универсально для создания модулей.
Один код, который работает везде. Копируй и вставляй )

Answer 2

[Сергей Софьичев]

#map {
  transform: rotate(25deg)!important;
}

Comments

[Алексей Струков]

а в чем там проблема?
каким образом стиль затирается?

[display: block]

или инлайн-стили

[Сергей Софьичев]

Алексей Струков: обновил

[Алексей Струков]

Сергей Софьичев: Да, спасибо, я уже тоже проверил в браузере. Инлайн стили гугла перетирают мои экстернал стили.

[Алексей Струков]

Сергей Софьичев: И еще вопрос, который как раз послужил причиной этих экспериментов. При загрузке карт они отображаются сначала мутно и через некоторое мгновение становятся четкими. Есть ли способ заствить их появлятся четкими сразу? Думал сначала вынести див в 3д пространство для активации GPU, но гугл уже сам это сделал своим translateZ(0) так что нужен другой подход видимо