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

Question

[smithana]

Добрый день,

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


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

нашёл только общую информацию по 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...

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

Спасибо.

Answer 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/