一种基于echarts工具地图下钻的方法技术

本发明专利技术涉及JavaScript应用与开发技术领域，具体涉及一种基于echarts工具地图下钻方法。本发明专利技术所述的方法包含以下几个步骤：1、初始化显示全国地图；2、双击选择想要下钻显示的省份或城市；3、去除原本的地图图形；4、放大显示独立的省份或城市地图；5、初始化省份或城市信息。本发明专利技术改变了传统地图鼠标滚轮不稳定的下钻方式，能够使用户更精准地放大到具体的省份或城市，并且独立将选择省份或城市以地图的形式呈现出来，增强了用户的体验。

A method of map drilling based on echarts

【技术实现步骤摘要】
一种基于echarts工具地图下钻的方法
本专利技术涉及JavaScript应用与开发
，具体涉及一种基于echarts工具地图下钻的方法。
技术介绍
地图下钻是众多网络地图具备的功能，通过地图下钻可以逐渐遍历到省市区级信息。通常情况下，地图下钻为鼠标滚轮的方式，滑动放大缩小，这种方法放大城市信息快，但是带来一个问题就是不精准，用户会不清楚自己滑到了什么地方，不习惯的用户容易在这个操作上浪费大量时间。本专利技术主要是使用一种基于echarts工具地图下钻的方法，致力于解决传统地图鼠标滚轮不稳定的下钻方式，能够使用户更精准地放大到具体的省份或城市，并且独立将选择省份或城市以地图的形式呈现出来，增强了用户的体验。
技术实现思路
本专利技术解决的技术问题在于提供一种基于echarts工具地图下钻的方法；解决了传统地图鼠标滚轮不稳定的下钻方式，能够使用户更精准地放大到具体的省份或城市，并且独立将选择省份或城市以地图的形式呈现出来。本专利技术解决上述技术问题的技术方案是：1、所述的方法包含以下几个步骤：步骤一、传入已有的包含的全国地图数据的json信息，初始化显示全国地图模型；步骤二、根据步骤一所加载地图模型，获取图表对象，定义鼠标点击事件决定需要下钻时鼠标需要进行的操作，想要下钻显示的省份或城市；步骤三、把当前页面显示的地图模型清空，便于独立显示下钻后的小范围的地图模型；步骤四、根据点击的省份或城市标识ID，获得省份或城市的json信息加载地图模型；步骤五、初始化省份或城市信息。2、根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤三中，去除下钻前显示出来的地图。3、根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤四中，加载选中的省份或者城市的地图图形，并初始化选中省份或城市的地图信息。4、根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤一中，全国地图信息json包括省市区及三层级别。5、根据权利要求4所述的一种基于echarts工具地图下钻的方法，其特征在于：json格式应包含ID，城市名称、父城市ID、级别。6、根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤二中，所指地图模型为echarts带地图模型，具备鼠标移动到子城市区域，区域会以亮色显示的功能。7、根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤二中，所指图表对象特指通过id选择器的方式选择显示地图的标签容器，该对象包含地图容器内所有的标签。8、根据权利要求2所述的一种基于echarts工具地图下钻的方法，其特征在于：所述去除下钻前显示的地图特指用过echarts的dispose方法将当前显示地图的标签内容清除。本专利技术解决传统地图鼠标滚轮不稳定的下钻方式，能够使用户更精准地放大到具体的省份或城市，并且独立将选择省份或城市以地图的形式呈现出来，增强了用户的体验。附图说明下面结合附图对本专利技术进一步说明：图1是本专利技术方法流程图。具体实施方式如图1所示，本专利技术具体包含以下几个步骤：步骤一、传入已有的包含的全国地图数据的json信息，初始化显示全国地图模型；步骤二、根据步骤一所加载地图模型，获取图表对象，定义鼠标点击事件决定需要下钻时鼠标需要进行的操作。想要下钻显示的省份或城市；步骤三、把当前页面显示的地图模型清空，便于独立显示下钻后的小范围的地图模型；步骤四、根据点击的省份或城市标识ID，获得省份或城市的json信息加载地图模型；步骤五、初始化省份或城市信息。本文档来自技高网...

【技术保护点】
1.一种基于echarts工具地图下钻方法，其特征在于：所述的方法包含以下几个步骤：/n步骤一、传入已有的包含的全国地图数据的json信息，初始化显示全国地图模型；/n步骤二、根据步骤一所加载地图模型，获取图表对象，定义鼠标点击事件决定需要下钻时鼠标需要进行的操作；想要下钻显示的省份或城市；/n步骤三、把当前页面显示的地图模型清空，便于独立显示下钻后的小范围的地图模型；/n步骤四、根据点击的省份或城市标识ID，获得省份或城市的json信息加载地图模型；/n步骤五、初始化省份或城市信息。/n

【技术特征摘要】
1.一种基于echarts工具地图下钻方法，其特征在于：所述的方法包含以下几个步骤：
步骤一、传入已有的包含的全国地图数据的json信息，初始化显示全国地图模型；
步骤二、根据步骤一所加载地图模型，获取图表对象，定义鼠标点击事件决定需要下钻时鼠标需要进行的操作；想要下钻显示的省份或城市；
步骤三、把当前页面显示的地图模型清空，便于独立显示下钻后的小范围的地图模型；
步骤四、根据点击的省份或城市标识ID，获得省份或城市的json信息加载地图模型；
步骤五、初始化省份或城市信息。


2.根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤三中，去除下钻前显示出来的地图。


3.根据权利要求1所述的一种基于echarts工具地图下钻的方法，其特征在于：所述的步骤四中，加载选中的省份或者城市的地图图形，并初始化选中省份或城市的地图信息。


4.根据权利要求1所...

【专利技术属性】
技术研发人员：任永强，张来卿，庞严冬，
申请(专利权)人：珠海横琴盛达兆业科技投资有限公司，
类型：发明
国别省市：广东;44