Zh YandexMap Troubleshooting/ru: Difference between revisions

From Documentation
Jump to navigation Jump to search
Line 6: Line 6:




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


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

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  • русский