[发明专利]一种基于leaflet地图渲染geoJson地图边界数据的方法、装置及应用在审
申请号: | 202211399415.1 | 申请日: | 2022-11-09 |
公开(公告)号: | CN115577203A | 公开(公告)日: | 2023-01-06 |
发明(设计)人: | 黄练纲;张帅;张翔宇;尹福佺;盛小娟 | 申请(专利权)人: | 城云科技(中国)有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/29;G06T11/00 |
代理公司: | 杭州汇和信专利代理有限公司 33475 | 代理人: | 吴琰 |
地址: | 310052 浙江省杭州市滨江区长*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 leaflet 地图 渲染 geojson 边界 数据 方法 装置 应用 | ||
1.一种基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,包括以下步骤:
在主功能页引入地图组件页并注册vue组件,所述地图组件页中通过leaflet加载地图基本形态;
发送geoJson数据请求并获取对应的geoJson数据;
通过vue组件的ref属性调用地图组件页的addGeo方法,利用leaflet的L.geoJson方法加载geoJson数据中的geoJson边界数据,通过主功能页中ref属性调用地图组件页的addGeo方法的使用参数,基于所述使用参数判断geoJson边界数据使用L.layerGroup方法把geoJson边界数据存入设置的全局变量allLayerGeo或全局变量layerGeo中;
通过vue组件的ref属性调用地图组件页的方法对全局变量allLayerGeo或全局变量layerGeo遍历配置显示、隐藏或清除的至少一种功能。
2.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,主功能页内配置供用户进行地图选择的切换组件,所述切换组件内加载至少一地图名称,并对选中的数据增加changeSelect方法,将changeSelect方法放到VUE组件的methods模块中。
3.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,在“通过主功能页中ref属性调用地图组件页的addGeo方法的使用参数”步骤中,使用主功能页的ref属性调用地图组件页的addGeo方法的使用参数。
4.根据权利要求3所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,在“调用地图组件页的addGeo方法并传入主功能页配置的使用参数”中,地图组件页内定义addGeo方法,主功能页的vue组件的methods中增加setGeo方法,setGeo方法内配置所述addGeo方法的使用参数并执行所述addGeo方法,setGeo方法调用所述addGeo方法并传入使用参数。
5.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,在“通过vue组件的ref属性调用地图组件页的方法对全局变量allLayerGeo或全局变量layerGeo遍历配置显示、隐藏或清除的至少一种功能”步骤中,对全局变量allLayerGeo中的geoJson边界数据执行显示或隐藏功能,对全局变量layerGeo中的geoJson边界数据执行清除功能。
6.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,地图组件页内定义showLayer方法,showLayer方法对全局变量allLayerGeo进行遍历,对geoJson边界数据通过leaflet中的setStyle方式设置为设定的显示样式,若通过vue组件的ref属性调用showLayer方法进行显示功能配置。
7.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,地图组件页内定义hiddenLayer方法,hiddenLayer方法对全局变量allLayerGeo进行遍历,若通过vue组件的ref属性调用hiddenLayer方法进行隐藏功能配置。
8.根据权利要求1所述的基于leaflet地图渲染geoJson地图边界数据的方法,其特征在于,地图组件页内定义clearLayer方法,利用clearLayer方法对全局变量layerGeo进行遍历,对geoJson边界数据的每一项通过leaflet中的removeLayer功能移除对应的geoJson边界数据。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于城云科技(中国)有限公司,未经城云科技(中国)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211399415.1/1.html,转载请声明来源钻瓜专利网。