@smithana

Как реализовать кастомное управление масштабом яндекс карт?

Добрый день,

дизайнер захотел кастомный бегунок управления масштабом яндекс карт:
88b67db5bdab4fe1bc060d7c73e99001.JPG

На бегунке всего два состояния крупно и мелко, поэтому его можно реализовать как кнопку.

нашёл только общую информацию по API 2.1
https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/refe...
и примитивные примеры для версии 1.0
https://tech.yandex.ru/maps/doc/jsapi/1.x/dg/conce...

Был у кого-нибудь подобный опыт?
Или может ссылками на примеры поделитесь?

Спасибо.
  • Вопрос задан
  • 281 просмотр
Решения вопроса 1
@smithana Автор вопроса
Всё оказалось легко и просто.

Бегунок - простой див с псевдоклассом before или after, в котором реализована точка.
Делаем обычный обработчик клика и создаём флаг.
При клике проверяем флаг, если true значит мелкий зум и делаем
map.setZoom(map.getZoom() - 3);
и меняем значениe флага на false

соответственно если флаг false, то map.setZoom(map.getZoom() + 3); и меняем флаг на true.

Вот полезные ссылки если что-то посложнее надо реализовать:
https://yandex.ru/blog/mapsapi/44554
https://habrahabr.ru/post/161763/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы