SuperMap(JavaScript) 拉框放大和缩小功能实现

版权声明:本文为博主原创文章,未经博主允许不得转载。

 1 var ZoomControl;
 2
 3 /*
 4  * 拉框缩小
 5  */
 6 function ZoomOut(){
 7     if(ZoomControl==null||ZoomControl==‘undefined‘){
 8         ZoomControl = new SuperMap.Control.ZoomBox({out:true});
 9         map.addControl(ZoomControl);
10     }
11     else{
12         ZoomControl.out=true;
13     }
14     ZoomControl.activate();
15 }
16 /*
17  * 拉框放大
18  */
19 function ZoomIn(){
20     if(ZoomControl==null||ZoomControl==‘undefined‘){
21         ZoomControl = new SuperMap.Control.ZoomBox({out:false});
22         map.addControl(ZoomControl);
23     }
24     else{
25         ZoomControl.out=false;
26     }
27     ZoomControl.activate();
28 }

笔者在项目中的应用,供大家参考。

时间: 2024-10-05 11:19:58

SuperMap(JavaScript) 拉框放大和缩小功能实现的相关文章

【开源】电子围栏-测距离-测面积-拉框放大-实时路况-逆地理编码的实现

最近项目上涉及到地图,考虑到精度等问题,最终选择了51ditu.要实现电子围栏等等功能,经过几天努力,大致有了个雏形,由于是第一次接触HTML和JavaScript编程,三天下来脑袋大了不少,碰到了一些问题,暂时还在挣扎当中,现在我将雏形工程发布出来,目的在于向大家学习,希望得到各位的指点和教导,以期我的工程能够日益完美. 一.相关文件说明:         (1) 工程文件我已经放到了http://download.csdn.net/detail/zhangyuehua123/3704087上

jQuery实现下拉框选择图片的功能

让下拉框中显示图片,并可选择对应图片,让select下拉框不仅可显示文字,还可以显示图片内容.为了更生动些,这里还加入了jQuery动画效果,当展开Select列表的时候,图片渐变显示.使用了一个jQ插件:imageselect.js,使用效果的朋友可以自己下载吧. <!DOCTYPE html> <head> <title>支持图片选择的jQuery列表框插件imageselect.js</title> <script type="text

视频拼接器的放大和缩小功能

视频视频器可以把信号源放大和缩小.对于我们的拼接器而言,它的架构这样的: 信号源进入到拼接器中,先进入缩小模块,然后存进DDR中,然后从DDR中读出视频,进入到放大模块,最后根据屏幕的位置,输出到屏幕上.

FPGA视频拼接器的放大和缩小功能

视频视频器能够把信号源放大和缩小. 对于我们的拼接器而言,它的架构这种: 信号源进入到拼接器中.先进入缩小模块.然后存进DDR中.然后从DDR中读出视频.进入到放大模块,最后依据屏幕的位置,输出到屏幕上.

openlayers之绘制矩形星星拉框放大自定义图形

简介:openlayers绘制矩形.星星.拉框绘制,以及自定义图形. 实际是对ol.interaction.Draw的扩展,geometryFunction属性. 查看详细教程 原文地址:https://www.cnblogs.com/dqygiser/p/9782169.html

使用jquery select2实现下拉框搜索功能

由于公司后台系统下拉框数据量太多了,用户操作起来要不方便所以增加了下拉框里面一个搜索功能 1从官网下载jquery select2 下来 地址https://select2.github.io/ 2:引进到自己的java工程里面 3:在jsp页面进行引进来,在这里我们只需要三个文件就可以了 4:jsp 页面加载时直接调用 效果如下:

自定义样式的select下拉框深入探索

第一个版本: 首先实现自定义select下拉框应该具有的功能,我是选择将原来的select隐藏掉,自己在jquery代码中动态写进去<dl><dd><dt>这样的结构来模拟真正的select的操作. 用来模拟select框的div结构如下: <div class="selectbox">//包裹整个模拟框的盒子 <div class="currentselected"></div>//用于当前默

(四)双击放大与缩小图片

自定义ZoomImageView实现到这里,基本上完成一大半了.在上一篇又给它添加了自由移动的功能.如果你没读过,可以点击下面的链接:http://www.cnblogs.com/fuly550871915/p/4940103.html 在这篇文章中,就来实现双击放大或者缩小图片.用到的知识点就是GestureDetector,用它来监测双击事件.至于双击后怎么缩放图片,相信在前面几篇文章中,你都已经很熟悉了.但是难点是,我们要求双击后缓慢的放大或者缩小,而不是一下子就放大到或者缩小到目标值.这

实现两级下拉框的联动

1.实现两级下拉框的联动. 功能:实现点击年级下拉框,加载对应科目的下拉框. 第一步:首先要加载年级下拉框中的数据. 01.在GradeDAL层(数据访问层)写一个方法,查询所有年级的信息. /// <summary> /// 从数据库中获取年级信息 /// </summary> /// <returns>List的集合:年级编号,年级名称</returns> public List<Grade> SelectGradeInfo() { List