# 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 ![image](http://imgsrc.baidu.com/forum/w%3D580/sign=af6eaac78cd6277fe912323018391f63/fa77fcedab64034f509ffc7aa4c379310b551d83.jpg)