[原]SuperMap GIS(JavaScript) 拉框放大和缩小功能实现
时间: 2023-09-20 13:11:52 浏览: 197
JavaScript拉框放大缩小
3星 · 编辑精心推荐
SuperMap GIS(JavaScript)提供了方便易用的拉框放大和缩小功能。
具体实现方法如下:
1. 首先,需要创建一个鼠标事件监听器,用于监听用户的鼠标操作:
```
var dragZoom = new SuperMap.Control.DragZoom();
map.addControl(dragZoom);
dragZoom.activate();
```
2. 然后,需要在地图上添加一个按钮,用于切换拉框放大和缩小模式:
```
var zoomBox = new SuperMap.Control.ZoomBox({
out: true,
title: "Zoom Box",
displayClass: "olControlZoomBox"
});
map.addControl(zoomBox);
```
3. 最后,需要为按钮添加单击事件,用于切换拉框放大和缩小模式:
```
$("#zoomIn").click(function() {
zoomBox.activate("zoomin");
});
$("#zoomOut").click(function() {
zoomBox.activate("zoomout");
});
```
通过以上三步,就可以实现拉框放大和缩小功能了。用户可以通过点击按钮,切换到相应的模式,并在地图上拖动鼠标以实现拉框放大和缩小。
阅读全文