Проблема с отображением карты

More
10 years 2 months ago - 10 years 2 months ago #5439 by Dima
Поэкспериментировал.

В Firefox и в Safari (win) карта отображается.
В IE 11 - нет.
Проблема в Вашем шаблоне.

Карта в админке отображается, так как там свой шаблон, для панели администрирования.
Для сайта - свой.

Я зашел на карту в IE 11, вызвал панель разработчика (F12).
Кликнул выбрать карту как элемент.
Увидел стили.
Далее нашел, что ломает вашу карту.

В прилагаемых картинках в вашем шаблоне есть определение для тега canvas
смотрите e1 - до
e2 - если убрать
Т.е. карта просто вернулась :)

Чтобы решить вашу проблему, зайдите в стили вашего шаблона и переопределите атрибуты тега canvas, только не для действия на весь шаблона, а либо на конкретный div (его ID у вас есть), либо на теги canvas внутри div-ов определенного класса (в свойствах карты Вы можете определить какой класс подставлять к диву карты)

Don't forget support my developments: post review in JED , donate , help with translation ;)
Attachments:
Last edit: 10 years 2 months ago by Dima.

Please Log in or Create an account to join the conversation.

  • LionEyE
  • Topic Author
  • Offline
  • New Member
  • New Member
More
10 years 2 months ago - 10 years 2 months ago #5440 by LionEyE
Спасибо.

А где генерится ваш тег canvas чтобы его переименовать?

Кажется что мне не повезло

$scripttext .= ' map = new ymaps.Map("YMapsID", {' ."\n";

Похоже что это яндекс этот тэг сочинил.

Не подскажете, каким образом его переопредить?

// Canvas
canvas {
width: 100% !important;
max-width: 1200px;
}
Last edit: 10 years 2 months ago by LionEyE.

Please Log in or Create an account to join the conversation.

More
10 years 2 months ago #5441 by Dima
Это не мой канвас, это Яндекс так рисует карту.

Просто в Вашем шаблоне для такого тега переопределены атрибуты, и они действуют на всю страницу. Я вам и говорю, переопределите его в шаблоне для div, в котором карта находится.

По образу и подобию, как я рекомендую при проблемах с гугловским компонентом.
ссылка в доку

Только будет типа
Code:
div.myMapCSS1 canvas{ max-width: none !important; }

Don't forget support my developments: post review in JED , donate , help with translation ;)
The following user(s) said Thank You: LionEyE

Please Log in or Create an account to join the conversation.

  • LionEyE
  • Topic Author
  • Offline
  • New Member
  • New Member
More
10 years 2 months ago #5442 by LionEyE
Огромное вам спасибо!

Помогло вот так:
Code:
// для Zh YandexMap div.cssZhYandexMap canvas { width: auto !important; max-width: none !important; }

Please Log in or Create an account to join the conversation.

  • LionEyE
  • Topic Author
  • Offline
  • New Member
  • New Member
More
10 years 2 months ago - 10 years 2 months ago #5443 by LionEyE
Проверял в Хроме и IE все ок.

В FireFox не рисуются пути.

Еще раз спасибо!
Last edit: 10 years 2 months ago by LionEyE.

Please Log in or Create an account to join the conversation.

More
10 years 2 months ago #5444 by Dima
Про пути - смотрите чем они рисуют.
Как вариант - svg тег, и его сносит шаблоном.

Укажите в своем стиле через запятую для svg там же

Don't forget support my developments: post review in JED , donate , help with translation ;)

Please Log in or Create an account to join the conversation.

Time to create page: 0.276 seconds
Powered by Kunena Forum