MapWall
Плагін WordPress, що показує велику SVG-карту з масштабуванням, перетягуванням і жестами на телефоні — вставляється шорткодом.
Послуга: Плагін WordPress під замовлення
Що вміє система
-
01
Масштабування і перетягування
Наближення колесом миші до точки під курсором, кнопки «плюс» і «мінус», переміщення карти мишею.
-
02
Жести на телефоні
Один палець прокручує сторінку, два пальці рухають і масштабують карту.
-
03
Не заважає прокрутці
Колесо миші керує картою лише після кліку по ній або із затиснутим Ctrl/Cmd, тож сторінка прокручується як звичайно.
-
04
Межі карти
Зсув і масштаб обмежені так, щоб порожні зони за краями карти не потрапляли в кадр.
-
05
Налаштування шорткодом
Стартова позиція, мінімальний і максимальний масштаб, висота блоку та власний SVG-файл задаються атрибутами.
Як це влаштовано
-
Плагін
WordPress, PHP: шорткод, підключення стилів і скриптів лише на сторінках із картою
-
Інтерфейс
JavaScript без бібліотек (клас EDMMap), CSS-трансформації, вбудований SVG