CN103514280B - 一种实现地图标签分区域动态添加的方法和装置 - Google Patents

Abstract

本发明公开了一种实现地图标签分区域动态添加的方法和装置，所述方法包括：步骤1、地图页面初始化；步骤2，加载缺省区域标签；步骤3、判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合；步骤4、遍历相交叉区域集合，判断是否已经加载标签；步骤5、如果未加载，则加载该区域内的标签；步骤6、地图更新。通过本发明，能够有效的解决大量标签数据的页面加载延迟问题，实现了按需、分区域、动态加载的效果，提高了页面初始化速度，节约了服务器网络带宽。

Description

一种实现地图标签分区域动态添加的方法和装置

技术领域

本发明涉及电子地图领域，特别涉及一种实现地图标签分区域动态添加的方法和装置。

背景技术

传统电子地图中的街景应用，一般都是采用二维地图做导航，在地图上添加标签。标签与确定区域内的某点街景关联。标签代表街景位置的链接。用户点击标签，实现地图和街景图片的联动，从而起到导航的作用。

街景应用一般都是针对一个城市规模来实施的。城市内有很多区、街道，街道上每隔10几米就要有一个取景点，总体上，一个城市一般都要有几千甚至几万的取景点，这还是仅针对中等规模的城市来说。如果是北上广这样的大型城市，则数据量会更多。如果这么大的数据量要在一个地图内一次性加载，则页面的初始化会非常耗时，用户体验会很差。同时也大量的消耗服务端的网络带宽。为此需要提供一个有效的方法来实现按需加载，提高页面的加载速度。

发明内容

鉴于现有技术中存在的问题，本发明目的在于提供一种能够有效的解决大量标签数据的页面加载延迟问题的方案，从而实现按需、分区域、动态加载的效果，提高页面初始化速度，节约服务器网络带宽。

根据本发明的一个方面，提供了一种实现地图标签分区域动态添加的方法，其特征在于包括：

步骤1、地图页面初始化；

步骤2，加载缺省区域标签；

步骤3、判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合；

步骤4、遍历相交叉区域集合，判断是否已经加载标签；

步骤5、如果未加载，则加载该区域内的标签；

步骤6、地图更新。

优选的，标签在服务器端是和区域关联的，服务端包括有全局区域配置文件，该文件内记录了所有的区域配置，包括区域名称、区域目录、各区域左上顶点坐标和右下顶点坐标。

优选的，服务器端在每个区域目录内包括有标签配置文件，区域配置和标签配置是一对多关系。

优选的，所述步骤1和2具体包括：

浏览器从服务器端下载全局区域配置文件，并解析该文件，将解析结果存入一个全局区域映射g_dir_map内，将缺省区域ID写入全局变量g_curr_dir；

浏览器从服务器端根据变量g_curr_dir值，下载当前区域内的标记文件，并解析该文件，将结果存入全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map内的标签元素，并逐一初始化。

优选的，所述步骤3-5具体包括：

如果用户地图显示区域发生变化，则在事件触发脚本里计算当前显示区域坐标位置，该显示区域也为矩形，也由两个坐标点确定；

浏览器遍历全局区域映射g_dir_map，计算每个区域是否和当前显示区域有交叉，如果有则加入返回区域数组；

浏览器遍历返回区域数组，把每个区域对应目录的标签配置文件加载，解析并添加到全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map，逐一加载标签。

根据本发明的另一方面，提供了一种实现地图标签分区域动态添加的装置，其特征在于包括：

用于地图页面初始化的装置；

用于加载缺省区域标签的装置；

用于判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合的装置；

用于遍历相交叉区域集合，判断是否已经加载标签的装置；

用于如果未加载，则加载该区域内的标签的装置；

用于地图更新的装置。

优选的，标签在服务器端是和区域关联的，服务端包括有全局区域配置文件，该文件内记录了所有的区域配置，包括区域名称、区域目录、各区域左上顶点坐标和右下顶点坐标。

优选的，服务器端在每个区域目录内包括有标签配置文件，区域配置和标签配置是一对多关系。

附图说明

图1例示了本发明实施例一种实现地图标签分区域动态添加的方法流程图。

具体实施方式

为使本发明的上述目的、特征和优点更加明显易懂，下面结合附图和具体实施方式对本发明作进一步详细的说明。

本发明所述的用于标签分区域动态加载，其关键技术难点有两个：

1）区域如何划分；

2）标签如何动态加载。

传统web平面地图，都是基于墨卡托投影坐标系实现的：具体到每个城市，都可以将一个城市的地图，看做是由多个矩形拼接而成，而每个矩形就可以看做是一个划分的区域，矩形区域只要有两个坐标点就可以确定，一个是左上角坐标，一个是右下角坐标。

如何确定区域的坐标呢，这个可以根据城市的规模，街道与景点的分布情况，灵活设置，一般可以1平方公里范围作为一个区域。区域与区域之间原则上不应重合。

如何实现标签动态加载呢？标签的加载要根据地图的当前显示区域来确定，页面初始化过程中，先要加载缺省区域内的标签。当地图显示区域改变后，页面逻辑要判断要加载哪个区域的标签来填补当前显示区域，即计算出有哪个区域落在当前显示区域，以此从后台加载所在区域的标签数据。

根据上述思路，图1例示了本发明实施例一种实现地图标签分区域动态添加的方法流程图。如图1所示，所述方法包括步骤：

步骤1、地图页面初始化；

步骤2，加载缺省区域标签；

步骤3、判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合；

步骤4、遍历相交叉区域集合，判断是否已经加载标签；

步骤5、如果未加载，则加载该区域内的标签；

步骤6、地图更新。

实际实现过程中，标签在服务器端是和区域关联的，服务端例如包括有全局区域配置文件dir.xml，该文件内记录了所有的区域配置，包括区域名称、区域目录、各区域左上顶点坐标和右下顶点坐标。

区域配置文件举例：

<Names>

<Name Text="区域A"Start="116.38919,39.90691"

End="116.48919,39.92691"Dir="default"/>

<Name Text="区域B"Start="116.38918,39.90698"

End="116.48918,39.92698"Dir="sample"/>

</Names>

同时，服务器端例如在每个区域目录（对应文件目录）内还包括有标签配置文件marker.xml，区域配置和标签配置是一对多关系。

标签配置文件条目例如：

<Names>

<Name ID="S0001"Text="markerA"Point="116.41556,39.85847"/>

<Name ID="S0002"Text="markerB"Point="116.41557,39.85848"/>

</Names>

在此情况下，上述地图页面加载的详细过程可例如包括：

浏览器从服务器端下载全局区域配置文件dir.xml，并解析该文件，将解析结果存入一个全局区域映射g_dir_map内，将缺省区域ID写入全局变量g_curr_dir；其中该变量记录当前区域，缺省值=’default’；

浏览器从服务器端根据变量g_curr_dir值，下载当前区域内的标记文件/default/marker.xml，并解析该文件，将结果存入全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map内的标签元素，并逐一初始化；

如果用户地图显示区域发生变化，则在事件触发脚本里可以计算当前显示区域坐标位置，该显示区域也为矩形，也由两个坐标点确定；

浏览器遍历全局区域映射g_dir_map，计算每个区域是否和当前显示区域有交叉，如果有则加入返回区域数组；

浏览器遍历返回区域数组，把每个区域对应目录的标签配置文件加载，解析并添加到全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map，逐一加载标签。

以上通过结合附图例示了本发明的方法实施方式，此外，本发明还包括相应的装置实施方式。本发明的装置与方法完全对应，可通过设置相关功能模块对应执行方法中的各个步骤，也可以任意组合、拆分功能模块的划分。可通过完全以计算机程序的方式实现于一个芯片上，也可以分置实现于多个芯片、DSP、FPGA等之上。本发明的装置例如包括：

用于地图页面初始化的装置；

用于加载缺省区域标签的装置；

用于判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合的装置；

用于遍历相交叉区域集合，判断是否已经加载标签的装置；

用于如果未加载，则加载该区域内的标签的装置；

用于地图更新的装置。

本发明装置的更多细节与上述方法实施方式完全对应，这里不再一一重复赘述。

通过本发明，能够有效的解决大量标签数据的页面加载延迟问题，实现了按需、分区域、动态加载的效果，提高了页面初始化速度，节约了服务器网络带宽。

以上是对本发明的优选实施例进行的详细描述，但本领域的普通技术人员应该意识到，在本发明的范围内和精神指导下，各种改进、添加和替换都是可能的，例如使用可实现同种功能目的的算法、使用不同的编程语言（如C、C++、Java等）实现等。这些都在本发明的权利要求所限定的保护范围内。

Claims (4)

1.一种实现地图标签分区域动态添加的方法，其特征在于包括：

步骤1、地图页面初始化；

步骤2，加载缺省区域标签；

步骤3、判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合；

步骤4、遍历相交叉区域集合，判断是否已经加载标签；

步骤5、如果未加载，则加载该区域内的标签；

步骤6、地图更新，

其中，标签在服务器端是和区域关联的，服务器端在每个区域目录内包括有标签配置文件，区域配置和标签配置是一对多关系，

步骤1和2具体包括：

浏览器从服务器端下载全局区域配置文件，并解析该文件，将解析结果存入一个全局区域映射g_dir_map内，将缺省区域ID写入全局变量g_curr_dir；

浏览器从服务器端根据变量g_curr_dir值，下载当前区域内的标记文件，并解析该文件，将结果存入全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map内的标签元素，并逐一初始化；

步骤3-5具体包括：

如果用户地图显示区域发生变化，则在事件触发脚本里计算当前显示区域坐标位置，该显示区域也为矩形，也由两个坐标点确定；

浏览器遍历全局区域映射g_dir_map，计算每个区域是否和当前显示区域有交叉，如果有则加入返回区域数组；

浏览器遍历返回区域数组，把每个区域对应目录的标签配置文件加载，解析并添加到全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map，逐一加载标签。

2.如权利要求1所述的方法，其特征在于：

服务器端包括有全局区域配置文件，该文件内记录了所有的区域配置，包括区域名称、区域目录、各区域左上顶点坐标和右下顶点坐标。

3.一种实现地图标签分区域动态添加的装置，其特征在于包括：

用于地图页面初始化的装置；

用于加载缺省区域标签的装置；

用于判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合的装置；

用于遍历相交叉区域集合，判断是否已经加载标签的装置；

用于如果未加载，则加载该区域内的标签的装置；

用于地图更新的装置，

其中，标签在服务器端是和区域关联的，服务器端在每个区域目录内包括有标签配置文件，区域配置和标签配置是一对多关系，

其中，用于地图页面初始化的装置和地图页面初始化的装置具体包括：

浏览器从服务器端下载全局区域配置文件，并解析该文件，将解析结果存入一个全局区域映射g_dir_map内，将缺省区域ID写入全局变量g_curr_dir；

浏览器从服务器端根据变量g_curr_dir值，下载当前区域内的标记文件，并解析该文件，将结果存入全局标签映射g_point_map内；

浏览器遍历全局标签映射g_point_map内的标签元素，并逐一初始化；

其中，用于判断地图显示区域是否改变，如改变则页面逻辑根据显示区域坐标，计算相交叉区域集合的装置具体包括：如果用户地图显示区域发生变化，则在事件触发脚本里计算当前显示区域坐标位置，该显示区域也为矩形，也由两个坐标点确定；浏览器遍历全局区域映射g_dir_map，计算每个区域是否和当前显示区域有交叉，如果有则加入返回区域数组；

其中，用于遍历相交叉区域集合，判断是否已经加载标签的装置具体包括：浏览器遍历返回区域数组，把每个区域对应目录的标签配置文件加载，解析并添加到全局标签映射g_point_map内；

其中，用于如果未加载，则加载该区域内的标签的装置具体包括：浏览器遍历全局标签映射g_point_map，逐一加载标签。

4.如权利要求3所述的装置，其特征在于：

服务器端包括有全局区域配置文件，该文件内记录了所有的区域配置，包括区域名称、区域目录、各区域左上顶点坐标和右下顶点坐标。