Закрыть ... [X]

Как в яндексе сделать карту с точками

Добавлено: 19.09.2018, 23:10 / Просмотров: 55341

Вопрос: Как сделать карту Яндекс на сайте адаптивной, чтобы она хорошо смотрелась на мобильном телефоне, планшете и на компьютере?

Ответ: Чтобы сделать подобное, необходимо будет "взять" карту Яндекс в дополнительный контейнер div и задать ему как в яндексе сделать карту с точками максимальную ширину. Это нужно, чтобы она нормально смотрелась на компьютере.

А в самом скрипте карты мы заменим фиксированный параметр ширины на 100%.

Т.е. выглядеть ваш блок с картой будет так:

Обратите внимание:

  • max-width:600px; я выставляю максимальную ширину блока с картой. Вы ставите свой значение.
  • Уже в самом скрипте карты я заменил фикс. ширину на width=100%, чтобы она подстраивалась под размер экрана устройств.

Это самое простое решение и не требует подключения других скриптов, для адаптации карты.

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru

Можешь оставить свой вопрос в комментариях к статье или предложить идею для новой статьи.


Источник: https://mojwp.ru/faq/maps-yandex-adaptive


Конструктор карт Яндекса


Как в яндексе сделать карту с точками

Похожие новости


Игра как это сделано
Чем почистить серебряные изделия в домашних условиях до блеска
Как подтянуть грудь после родов в домашних условиях
Как сделать красивым на ютубе
Выращиваем бальзамины из семян в домашних условиях
Соус на зиму своими руками




ШОКИРУЮЩИЕ НОВОСТИ