MiniView.js — интересный веб-плugin!

Предлагаю вам плагин на основе jQuery, который создаёт миникарту контейнера на вашей странице. Поддерживает масштабирование колёсиком мыши.

Поддержка

• IE9+
• Chrome
• Edge

Быстрый старт

Загрузите miniView.js (после jQuery):

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="miniView.js"></script>

Затем добавьте контейнер с атрибутом id, который больше родительского контейнера:

<div class="borderDiv" style="width: 800px; height: 600px; overflow: hidden; border: 1px solid;">
  <div class="mainContainer" id="view" style="width: 2000px; height: 1500px; background-color: #bad6cb"></div>
</div>

После загрузки страницы используйте метод init для инициализации миникарты. Метод принимает конфигурацию, которую вы можете использовать для определения значения масштаба, селектора и значения масштаба родительского контейнера.

var miniMapObject = MiniMap.init({selector:"#view"});

Методы

init

параметр: config.json формат

refresh

параметр: config. аналогичен методу init.

Пример

Исправлено:

1. Удалены лишние пробелы после некоторых слов.
2. Корректно оформлены списки и таблицы.
3. Устранены ошибки пунктуации.
4. Улучшена согласованность слов и фраз.
5. Устранены ошибки в описании методов и параметров.