ECharts地图的显示方法及装置与流程

文档序号:12063744阅读:来源:国知局

技术特征:

1.一种Echarts地图的显示方法,其特征在于,包括:

在Echarts地图上检测鼠标操作事件;

如果在所述Echarts地图上检测到所述鼠标操作事件,确定所述鼠标操作事件在页面上的起始坐标值和终止坐标值;

根据所述起始坐标值和所述终止坐标值确定目标范围,其中,所述目标范围为根据所述起始坐标值和所述终止坐标值在所述Echarts地图所处的canvas画布上确定的对应范围;以及

确定所述目标范围在所述Echarts地图上对应的地理位置名称,并展示所述地理位置名称对应的目标数据。

2.根据权利要求1所述的方法,其特征在于,根据所述起始坐标值和所述终止坐标值确定目标范围包括:

获取所述Echarts地图所处的canvas画布在所述页面上的定位坐标值;

根据所述起始坐标值和所述定位坐标值计算第一目标坐标值,其中,所述第一目标坐标值为所述起始坐标值在所述Echarts地图所处的canvas画布上对应的坐标值;

根据所述终止坐标值和所述定位坐标值计算第二目标坐标值,其中,所述第二目标坐标值为所述终止坐标值在所述Echarts地图所处的canvas画布上对应的坐标值;以及

根据所述第一目标坐标值和所述第二目标坐标值确定所述目标范围。

3.根据权利要求1所述的方法,其特征在于,在Echarts地图上检测鼠标操作事件之前,所述方法还包括:

确定所述Echarts地图上所有的地理位置名称;

利用预设接口分别获取所述Echarts地图上每个地理位置名称在所述Echarts地图所处的canvas画布上对应的坐标值;以及

将所述Echarts地图上所有的地理位置名称和所述Echarts地图上每个地理位置名称在所述Echarts地图所处的canvas画布上对应的坐标值存储至预设数据库。

4.根据权利要求3所述的方法,其特征在于,确定所述目标范围在所述Echarts地图上对应的地理位置名称包括:

在所述预设数据库中查找所述目标范围内的坐标值;以及

获取查找到的坐标值在所述预设数据库中对应的地理位置名称。

5.根据权利要求1所述的方法,其特征在于,展示所述地理位置名称对应的目标数据包括:

在与所述地理位置名称对应的多种数据中确定目标数据;

创建目标列表,其中,所述目标列表中包括所述地理位置名称和所述地理位置名称对应的目标数据;以及

显示所述目标列表。

6.一种Echarts地图的显示装置,其特征在于,包括:

检测单元,用于在Echarts地图上检测鼠标操作事件;

第一确定单元,用于在所述Echarts地图上检测到所述鼠标操作事件的情况下,确定所述鼠标操作事件在页面上的起始坐标值和终止坐标值;

第二确定单元,用于根据所述起始坐标值和所述终止坐标值确定目标范围,其中,所述目标范围为根据所述起始坐标值和所述终止坐标值在所述Echarts地图所处的canvas画布上确定的对应范围;以及

第三确定单元,用于确定所述目标范围在所述Echarts地图上对应的地理位置名称,并展示所述地理位置名称对应的目标数据。

7.根据权利要求6所述的装置,其特征在于,所述第二确定单元包括:

第一获取模块,用于获取所述Echarts地图所处的canvas画布在所述页面上的定位坐标值;

第一计算模块,用于根据所述起始坐标值和所述定位坐标值计算第一目标坐标值,其中,所述第一目标坐标值为所述起始坐标值在所述Echarts地图所处的canvas画布上对应的坐标值;

第二计算模块,用于根据所述终止坐标值和所述定位坐标值计算第二目标坐标值,其中,所述第二目标坐标值为所述终止坐标值在所述Echarts地图所处的canvas画布上对应的坐标值;以及

第一确定模块,用于根据所述第一目标坐标值和所述第二目标坐标值确定所述目标范围。

8.根据权利要求6所述的装置,其特征在于,所述装置还包括:

第四确定单元,用于确定所述Echarts地图上所有的地理位置名称;

获取单元,用于利用预设接口分别获取所述Echarts地图上每个地理位置名称在所述Echarts地图所处的canvas画布上对应的坐标值;以及

存储单元,用于将所述Echarts地图上所有的地理位置名称和所述Echarts地图上每个地理位置名称在所述Echarts地图所处的canvas画布上对应的坐标值存储至预设数据库。

9.根据权利要求8所述的装置,其特征在于,所述第三确定单元包括:

查找模块,用于在所述预设数据库中查找所述目标范围内的坐标值;以及

第二获取模块,用于获取查找到的坐标值在所述预设数据库中对应的地理位置名称。

10.根据权利要求6所述的装置,其特征在于,所述第三确定单元包括:

第二确定模块,用于在与所述地理位置名称对应的多种数据中确定目标数据;

创建模块,用于创建目标列表,其中,所述目标列表中包括所述地理位置名称和所述地理位置名称对应的目标数据;以及

显示模块,用于显示所述目标列表。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1