[发明专利]一种电子地图中的海量点展示方法及装置有效
申请号: | 201710453167.7 | 申请日: | 2017-06-15 |
公开(公告)号: | CN108573008B | 公开(公告)日: | 2022-03-04 |
发明(设计)人: | 李传庆 | 申请(专利权)人: | 北京金山云网络技术有限公司;北京金山云科技有限公司 |
主分类号: | G06F16/29 | 分类号: | G06F16/29 |
代理公司: | 北京柏杉松知识产权代理事务所(普通合伙) 11413 | 代理人: | 马敬;项京 |
地址: | 100085 北京*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 电子地图 中的 海量 展示 方法 装置 | ||
1.一种电子地图中的海量点展示方法,其特征在于,所述方法包括:
接收目标海量点中每一兴趣点的点位数据;其中,所述点位数据至少包括经纬度信息;
根据所述目标海量点中每一兴趣点的经纬度信息,获得每一兴趣点在电子地图所属的目标网页文档中的目标文档坐标;
调整预先创建的Canvas元素的第一尺寸和第一文档坐标,以使得所述Canvas元素和所述电子地图的地图容器重合;其中,所述Canvas元素所属图层在所述电子地图所属图层之上,且所述Canvas元素为透明的;所述Canvas元素预先在所述目标网页文档中创建;
利用所述Canvas元素,根据每一兴趣点的所述目标文档坐标,在所述Canvas元素所属图层上绘制所述目标海量点中的每一兴趣点,从而显示为在所述电子地图中展示所述目标海量点;
所述调整预先创建的Canvas元素的第一尺寸和第一文档坐标的步骤,包括:
获取所述电子地图的地图容器的第二尺寸和第二文档坐标;
将预先创建的Canvas元素的尺寸属性值设置为所述第二尺寸;并调整所述Canvas元素的坐标属性值,以使得所述Canvas元素的第一文档坐标与所述第二文档坐标相同。
2.根据权利要求1所述的方法,其特征在于,当监测到电子地图变换事件后,所述方法还包括:
根据所述目标海量点中每一兴趣点的经纬度信息,获得每一兴趣点在所述目标网页文档中的当前文档坐标;
利用所述Canvas元素,根据每一兴趣点的所述当前文档坐标,在所述Canvas元素所属图层上重新绘制所述目标海量点中的每一兴趣点。
3.根据权利要求2所述的方法,其特征在于,所述电子地图变换事件为平移事件、拖动事件或缩放事件;
当所述变换事件为平移事件或拖动事件时,在所述Canvas元素所属图层上重新绘制所述目标海量点中的每一兴趣点的步骤之前,还包括:
获取所述地图容器的第三文档坐标;
调整所述Canvas元素的第一文档坐标为所述第三文档坐标。
4.根据权利要求1所述的方法,其特征在于,所述根据所述目标海量点中每一兴趣点的经纬度信息,获得每一兴趣点在电子地图所属的目标网页文档中的目标文档坐标的步骤,包括:
将所述目标海量点中每一兴趣点的经纬度信息,转换成地图窗口坐标;
获取电子地图的地图容器在所述电子地图所属的目标网页文档中的第四文档坐标;
将每一兴趣点的地图窗口坐标分别与所述第四文档坐标的和,确定为每一兴趣点在所述目标网页文档中的目标文档坐标。
5.根据权利要求1所述的方法,其特征在于,在所述接收目标海量点中每一兴趣点的点位数据的步骤之后,所述方法还包括:
判断所述目标海量点中每一兴趣点的经纬度信息是否符合预设数据格式;
若是,再执行所述根据所述目标海量点中每一兴趣点的经纬度信息,获得每一兴趣点在电子地图所属的目标网页文档中的目标文档坐标的步骤;
若否,先转换所述目标海量点中每一兴趣点的经纬度信息的数据格式,获得符合所述预设数据格式的经纬度信息;再执行所述根据所述目标海量点中每一兴趣点的经纬度信息,获得每一兴趣点在电子地图所属的目标网页文档中的目标文档坐标的步骤。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述目标网页文档中创建目标DIV元素,将所述Canvas元素添加到所述目标DIV元素中;当所述目标DIV元素的第三尺寸和第五文档坐标变化时,以变化后的第三尺寸和第五文档坐标分别更新所述Canvas元素的第一尺寸和第一文档坐标;并将所述目标DIV元素所属图层插入到所述电子地图所属图层之上;
所述调整预先创建的Canvas元素的第一尺寸和第一文档坐标的步骤包括:
调整所述目标DIV元素的第三尺寸和第五文档坐标。
7.根据权利要求6所述的方法,其特征在于,所述目标DIV元素和所述Canvas元素均挂载在所述电子地图对应的地图对象上。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京金山云网络技术有限公司;北京金山云科技有限公司,未经北京金山云网络技术有限公司;北京金山云科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710453167.7/1.html,转载请声明来源钻瓜专利网。