Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Навигация по блоку, как у Яндекс.Карты (https://javascript.ru/forum/jquery/72443-navigaciya-po-bloku-kak-u-yandeks-karty.html)

sdff7269 29.01.2018 16:21

Навигация по блоку, как у Яндекс.Карты
 
Код:

<div id="map">
<div id="elem1"></div>
<div id="elem2"></div>
</div>

Нужно сделать что-то вроде Яндекс.Карт в плане навигации. Т.е. если пользователь прокрутит колесо мышки над блоком #map, то масштаб содержимого изменится. ЛКМ зажали - можно перетаскивать содержимое.

Копал в сторону transform scale и jquery mousewheel, но толкового ничего (в силу кривизны рук) не получилось сделать. Поиск дал только навигацию по отдельному изображению.

Может быть, есть какой-то плагин для jquery, с помощью которого можно реализовать подобное.

рони 29.01.2018 16:51

zoom map css trasform scale
 
sdff7269,

Цитата:

Дано: div#view контейнер (на нем весят все события), в котором находится еще один div#map с огромной матрицей divиков.cells внутри.
Задача: сделать #map перетаскиваемым и зумящимся с колесика мышки.
скачайте архив,
http://learn.javascript.ru/play/vEZYec

sdff7269 29.01.2018 17:44

То, что надо! Спасибо огромное!!!


Часовой пояс GMT +3, время: 19:27.