简单的逻辑代码

病原基因分布图

作者:邹爱红               撰写时间:2019-2-16

开启病原基因分布图界面上会出现不同颜色的图标,不同的图标表示什么可以参照图例中的说明(如图1)。点击图标就会看到该基因对应的 患者信息
和对应对的基因信息。点击周边查询就会显示对应的中心点和半径 用代码做出这样的效果
在这里插入图片描述
(如图1)

写一个自动加载事件(查询出数据)
在这里插入图片描述

声明三个变量,实例化设置一个查询条件,name是必设的参数,(图层名称格式:数据集名称@数据源别名),

再实例化一个查询参数类构造函数,里面有两个方法,

在这里插入图片描述这个是显示多少条数,在这里插入图片描述查询过滤条件参数数组.

查询服务器,给一个监听事件里面给它一个成功之后的方法和失败之后的方法,然后向服务段传递参数,然后服务端返回对象

成功的方法:在这里插入图片描述

判断它这个有数据的话就会进来执行里面的代码,再判断地址如果有数据的话就进来用地址拼接名称,否则如果没有数据的话它就只用名称。这里用地址和名称拼接只是为了让信息显示的更详细
在这里插入图片描述

获取到x,y轴的坐标
在这里插入图片描述

设置宽高,设置x,y坐标描绘屏幕坐标, 添加一个属性字段,用来存放图片的,判断它等于一的时候出来哪张图片,等于二的时候出来哪张图片
在这里插入图片描述

实例化一个图层,创建一个新的地图位置对象
在这里插入图片描述

给它一个监听事件,监听事件里面是一个点击事件的方法,然后再添加到需要添加的标记

在这里插入图片描述

点击事件的方法:

先查询出数据,给它一个周边查询的按钮,然后把查询出来的数据添加显示在浮动弹窗上面,关闭浮动弹窗的一个方法在这里调用是因为,要它做到只能弹出一个提示框,再点开别的提示框原来的提示框就会关闭关闭浮动弹窗的一个方法
在这里插入图片描述

关闭浮动弹窗的一个方法
在这里插入图片描述

周边查询的按钮:

获取到它的id,然后给它设置Y轴坐标的数据,x轴的方法在这里调用
在这里插入图片描述

周边分析的点击事件:
获取到它的input ID通过父元素层级选择器选择第一条数据有这个active类就不会打开,没有这个类的话就会打开。
在这里插入图片描述

失败事件的方法:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值