# miniView **Repository Path**: dong_admin/miniView ## Basic Information - **Project Name**: miniView - **Description**: 小地图,缩略图。可缩放、拖拽 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 71 - **Forks**: 12 - **Created**: 2017-10-10 - **Last Updated**: 2025-05-06 ## Categories & Tags **Categories**: javascript-toolkits, gis **Tags**: None ## README # MiniView.js - An interesting web plugin ! I offer you a web plugin based on jquery that make a mini view of a container on your page. And support mousewheel zoom in. # support * ie9+ * chrome * edge # Quickstart Load up `miniView.js` (after jQuery): ```html ``` Then add a container with attribute id that much larger than the parent container ```html
``` After the page is loaded, use init method to initialize the mini view. The method accept config that you can define the scale value, selector and parent scale value. ```html var miniMapObject = MiniMap.init({selector:"#view"}); ``` # Method ## init param: config. json format key | Behavior -----------------------|----------------------------------------------------------------- `selector` | Jquery selector with id attribute `zoom` | Scale value of the mini map. default value 0.1 `viewZoom` | Scale value of the container. default value 1 `isEnableMouseWheel` | Whether enable mousewheel to zoom the container ## refresh param: config. just like init method. # Demo 