[发明专利]一种基于echarts工具地图下钻的方法

说明书

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

技术领域

本发明涉及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方法将当前显示地图的标签内容清除。