Zh YandexMap Troubleshooting/ru: Difference between revisions

From Documentation
Jump to navigation Jump to search
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
__TOC__
== Не отображается карта в браузере ==
 
Если в Firefox карта не отображается, а в других браузерах отображается, то, скорее всего, у вас включена блокировка отслеживания.
 
Для проверки того, что именно это влиет на отображение карты достаточно отключить трекинг на текущую сессию.
 
 
Рассмотрим пример на примере демонстрационного сайта.
 
Пытаемся получить простую карту, и получаем вот такой результат.
 
[[File:NoMap-FireFox-Before.png]]
 
Т.е. страница корректно загрузилась, но карты мы не наблюдаем.
 
Отключаем блокировку, нажимаем кнопку '''Disable protection for this session'''.
 
[[File:NoMap-FireFox-SessionTrackingOption.png]]
 
Проверяем результат, просто перегружаем страницу
 
[[File:NoMap-FireFox-After.png]]


== Границы ==
== Границы ==
Line 48: Line 69:


Т.о. надо изменить стиль для границ в тегах таблицы в шаблоне
Т.о. надо изменить стиль для границ в тегах таблицы в шаблоне
== Разрывы (и границы) как на карте, так и на всплывающем окне ==
Имеется карта
[[File:Bug_5_-_0.JPG]]
Рассмотрим первую часть проблемы - разрывы между тайлами карты.
Выделим в firebug фрагмент...
[[File:Bug_5_-_1.JPG]]
и посмотрим стили
[[File:Bug_5_-_2.JPG]]
А теперь посмотрим поближе на всплывающее окно
[[File:Bug_5_-_3.JPG]]
Помимо разрывов еще можно заметить и границу клеток таблицы
Т.е. надо править padding, margin, border
Спасибо '''bravo.123''' за окончательные стили, которые он дополнительно прописал в шаблоне и предоставил.
Вот пример решения, обратите внимание - '''это только''' для его шаблона.
В общем внес в template.css :
<pre>
.YMaps-layer-container img
{
border-width: 0px;
margin: 0px 0px 0px 0px;
}
.YMaps-layer-container th ,.YMaps-layer-container td
{
padding: 0px;
border: solid 0px #665614;
}
</pre>
Вот это подправлял, что бы хвостик на место прилепить
<pre>
.YMaps-b-balloon_small .YMaps-b-balloon-tail {
bottom: -10px;
height: 12px;
right: 0;
width: 20px;
}
.YMaps-b-balloon_full .YMaps-b-balloon-tail-full {
bottom: -36px;
cursor: default;
position: absolute;
right: 16px;
}
</pre>
== Экран регистрации при выводе карты ==
Когда выводится карта неожиданно появляется окно регистрации.
Смотрите: [[Zh_YandexMap_Description/ru#CompatibilityModeRSFAnchor|Режим совместимости для файлов ресурсов]]
== "Отрыв" хвоста ==
Обновил шаблон и получил сюрприз - съехало отображение карты. Опишу первую проблему
[[File:Bug10_-_Tail_-_Before.JPG]]
Как видно, хвост балуна "оторвался" от основного тела
Кроме того, немного съехала кнопка закрытия
[[File:Bug10_-_Close_-_Before.JPG]]
Открывает firebug и смотрим, что у нас стало не так. Наличие '''margin''' для таблицы.
Тут же подправим стиль и проверим нашу догадку
[[File:Bug10_-_Tail-_Check.JPG]]
Остальное - дело техники. Идем в шаблон, дописываем наши стили
<pre>
.YMaps-b-balloon-frame {
  margin: 0;
}
</pre>
И проверяем хвост
[[File:Bug10_-_Tail_-_After.JPG]]
И кнопку закрытия
[[File:Bug10_-_Close_-_After.JPG]]
== Большая ширина всплывающего окна ==
Для того, чтобы баллон не растягивался, надо указать в шаблоне
<pre>
.YMaps-b-balloon-content
    { width:300px!important; }
</pre>
Например, ширина 300 пискелей
и !important – обязателен, т.к. ширина там прописана в style="", что имеет приоритет над тем, что прописано в файле стилей.




{{Languages|Zh_YandexMap_Troubleshooting}}
{{Languages|Zh_YandexMap_Troubleshooting}}


[[Category:Zh YandexMap]]
[[Category:Zh YandexMap|Troubleshooting]]

Revision as of 09:46, 22 November 2017

Не отображается карта в браузере

Если в Firefox карта не отображается, а в других браузерах отображается, то, скорее всего, у вас включена блокировка отслеживания.

Для проверки того, что именно это влиет на отображение карты достаточно отключить трекинг на текущую сессию.


Рассмотрим пример на примере демонстрационного сайта.

Пытаемся получить простую карту, и получаем вот такой результат.

Т.е. страница корректно загрузилась, но карты мы не наблюдаем.

Отключаем блокировку, нажимаем кнопку Disable protection for this session.

Проверяем результат, просто перегружаем страницу

Границы

Всплывающее окно в Яндекс.Карты собрано таблицей, соответственно, чаще всего проблемы из-за стилей шаблона выражаются в виде границы между ячейками или строками этой таблицы.

Далее рассмотрим некоторые варианты.


Всплывающее окно

Рассмотрим такой пример.

Смотрим на стили.


Метка - Иконка с текстом

Здесь рассмотрим следующий случай.

Внешне метка выглядит приблизительно так:

Если посмотри на верхнюю часть метки

А если проверить стиль, используя, например, firebug для firefox

Можно заметить наличие границы

Аналогично анализируем нижнюю часть метки

И ее стили


Т.о. надо изменить стиль для границ в тегах таблицы в шаблоне


Разрывы (и границы) как на карте, так и на всплывающем окне

Имеется карта


Рассмотрим первую часть проблемы - разрывы между тайлами карты.


Выделим в firebug фрагмент...


и посмотрим стили


А теперь посмотрим поближе на всплывающее окно

Помимо разрывов еще можно заметить и границу клеток таблицы


Т.е. надо править padding, margin, border

Спасибо bravo.123 за окончательные стили, которые он дополнительно прописал в шаблоне и предоставил.

Вот пример решения, обратите внимание - это только для его шаблона.


В общем внес в template.css :

.YMaps-layer-container img
{
border-width: 0px;
margin: 0px 0px 0px 0px;
}
.YMaps-layer-container th ,.YMaps-layer-container td
{
padding: 0px;
border: solid 0px #665614;
}

Вот это подправлял, что бы хвостик на место прилепить

.YMaps-b-balloon_small .YMaps-b-balloon-tail {
bottom: -10px;
height: 12px;
right: 0;
width: 20px;
}
.YMaps-b-balloon_full .YMaps-b-balloon-tail-full {
bottom: -36px;
cursor: default;
position: absolute;
right: 16px;
}


Экран регистрации при выводе карты

Когда выводится карта неожиданно появляется окно регистрации.

Смотрите: Режим совместимости для файлов ресурсов



"Отрыв" хвоста

Обновил шаблон и получил сюрприз - съехало отображение карты. Опишу первую проблему

Как видно, хвост балуна "оторвался" от основного тела

Кроме того, немного съехала кнопка закрытия


Открывает firebug и смотрим, что у нас стало не так. Наличие margin для таблицы.

Тут же подправим стиль и проверим нашу догадку


Остальное - дело техники. Идем в шаблон, дописываем наши стили

.YMaps-b-balloon-frame {
  margin: 0;
}

И проверяем хвост

И кнопку закрытия


Большая ширина всплывающего окна

Для того, чтобы баллон не растягивался, надо указать в шаблоне


.YMaps-b-balloon-content
    { width:300px!important; }

Например, ширина 300 пискелей и !important – обязателен, т.к. ширина там прописана в style="", что имеет приоритет над тем, что прописано в файле стилей.


Language: English  • русский