一种地图标注方法和装置制造方法及图纸

本发明专利技术提供了一种地图标注方法和装置，以解决现有地图支持兴趣点较少的问题。所述的方法包括：对浏览器的特性进行检测，并依据所述浏览器的特性选择网页标签元素，其中所述网页标签元素采用脚本描述浏览器中展示的图片；当所述网页标签元素为第一元素时，采用所述第一元素对应第一图标绘制模板绘制图标，其中，所述第一元素采用的是JavaScript脚本；将所述第一元素的节点添加到地图页面的主节点中。从而在浏览器展示页面时可以基于网页标签元素通过脚本进行图片下载，进而进行渲染重排，本实施例通过将HTML5新特性封装成Javascript地图API，在调用API标注兴趣点数可突破2000数，且对地图操作无较大影响。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种地图标注方法和装置，以解决现有地图支持兴趣点较少的问题。所述的方法包括：对浏览器的特性进行检测，并依据所述浏览器的特性选择网页标签元素，其中所述网页标签元素采用脚本描述浏览器中展示的图片；当所述网页标签元素为第一元素时，采用所述第一元素对应第一图标绘制模板绘制图标，其中，所述第一元素采用的是JavaScript脚本；将所述第一元素的节点添加到地图页面的主节点中。从而在浏览器展示页面时可以基于网页标签元素通过脚本进行图片下载，进而进行渲染重排，本实施例通过将HTML5新特性封装成Javascript地图API，在调用API标注兴趣点数可突破2000数，且对地图操作无较大影响。【专利说明】一种地图标注方法和装置
本专利技术涉及网页
，特别是涉及一种地图标注方法和装置。
技术介绍
主流 Javascript 地图的应用程序编程接口（Application Programming Interface，API)在标注地图兴趣点时，首先创建网页中DIV元素的文档对象模型 (Document Object Model，D0M)节点及嵌套的MG元素的D0M节点，其次修改MG的SRC属性 来链接预先制作的图标图片，如可移植网络图形格式（Portable Network Graphic Format, PNG)或图像互换格式（Graphics Interchange Format，GIF)的图片，然后改变DIV的STYPE 属性来定位屏幕位置，最后将DIV元素的D0M节点添加到地图主D0M节点中，这个过程即完 成一次地图兴趣点标注。 但是，浏览器解析D0M的性能与D0M节点数和链接图片数有很大关系，一般情况 下，D0M节点数和链接图片越少，浏览器解析和重绘HTM1页面越快。 由于基于Javascript地图API构建的HTML地图页面都是通过拼接不同的D0M节 点而组成。其在进行地图展示时，需要先依据D0M节点请求下载图片，然后对页面进行渲 染、排版等处理后再进行展示。因此在地图执行平移等动作时，地图主D0M节点下的所有子 D0M节点的属性都会修改，而浏览器就需要重新下载图片，然后重新渲染、重排并重绘，因此 当兴趣点较多时，若执行平移等动作，地图展示比较缓慢，甚至无法展示。
技术实现思路
本专利技术提供了一种地图标注方法和装置，以解决现有地图支持兴趣点较少的问 题。 为了解决上述问题，本专利技术公开了一种地图标注方法，包括： 对浏览器的特性进行检测，并依据所述浏览器的特性选择网页标签元素，其中所 述网页标签元素采用脚本描述浏览器中展示的图片； 当所述网页标签元素为第一元素时，采用所述第一元素对应第一图标绘制模板绘 制图标，其中，所述第一元素采用的是JavaScript脚本； 将所述第一元素的节点添加到地图页面的主节点中。 本专利技术一个可选实施例中，所述依据所述浏览器的特性选择网页标签元素之后， 还包括：当所述元素特性为第二元素时，依据所述第二元素对应第二图标绘制模板获取子 元素，其中，所述第二元素采用的是可扩展标记语言文档脚本；将所述子元素添加到所述第 二元素对象的子节点中。 本专利技术一个可选实施例中，依据所述第二元素对应第二图标绘制模板获取子元素 之前，还包括：检测所述第二元素是否已创建；若所述第二元素未创建，则创建所述第二元 素；若所述第二元素已创建，则获取第二元素对象。 本专利技术一个可选实施例中，若为新创建的第二元素，则所述将所述子元素添加到 所述第二元素对象的子节点之后，还包括：将所述第二元素的节点添加到所述地图页面的 主节点中。 本专利技术一个可选实施例中，所述第二元素为可缩放矢量图形SVG元素，或矢量可 标记语言VML元素。 本专利技术还公开了一种地图标注装置，包括： 检测并选择模块，用于对浏览器的特性进行检测，并依据所述浏览器的特性选择 网页标签元素，其中所述网页标签元素采用脚本描述浏览器中展示的图片； 绘制模块，用于当所述网页标签元素为第一元素时，采用所述第一元素对应第一 图标绘制模板绘制图标，其中，所述第一元素采用的是JavaScript脚本； 添加模块，用于将所述第一元素的节点添加到地图的主节点中。 本专利技术一个可选实施例中，还包括：获取模块，用于当所述元素特性为第二元素 时，依据所述第二元素对应第二图标绘制模板获取子元素，其中，所述第二元素采用的是可 扩展标记语言文档脚本；所述添加模块，还用于将所述子元素添加到所述第二元素对象的 子节点中。 本专利技术一个可选实施例中，还包括：创建检测模块，用于检测所述第二元素是否以 创建；执行模块，用于当所述第二元素未创建时，创建所述第二元素；当所述第二元素已创 建时，获取第二元素对象。 本专利技术一个可选实施例中，所述添加模块，还用于将所述第二元素的节点添加到 所述地图的主节点中。 本专利技术一个可选实施例中，所述第二元素为可缩放矢量图形SVG元素，或矢量可 标记语言VML元素。 与现有技术相比，本专利技术包括以下优点： 能够对浏览器的特性进行检测并依据所述浏览器的特性选择网页标签元素，其中 所述网页标签元素采用脚本描述浏览器中展示的图片。从而当所述网页标签元素为第一元 素时，采用所述第一元素对应第一图标绘制模板绘制图标，并将所述第一元素的节点添加 到地图的主节点中，其中所述第一元素采用的是JavaScript脚本。从而在浏览器展示页 面时可以基于网页标签元素通过脚本进行图片下载，进而进行渲染重排，本实施例通过将 HTML5新特性封装成Javascript地图API，在调用API标注兴趣点数可突破2000数，且对 地图操作无较大影响。 【专利附图】【附图说明】 图1是本专利技术实施例一提供的地图标注方法流程图； 图2是本专利技术实施例二提供的地图标注方法流程图； 图3A、图3B、图3C、图3D和图3E是本专利技术实施例三提供的地图标注方法可选流程 图； 图4是本专利技术实施例四提供的地图标注装置结构图； 图5是本专利技术实施例四提供的地图标注装置可选结构图。 【具体实施方式】 为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实 施方式对本专利技术作进一步详细的说明。 本专利技术实施例提供一种地图标注方法，能够对浏览器的特性进行检测并依据所述 浏览器的特性选择网页标签元素，其中所述网页标签元素采用脚本描述浏览器中展示的图 片。从而当所述网页标签元素为第一元素时，采用所述第一元素对应第一图标绘制模板 绘制图标，并将所述第一元素的节点添加到地图的主节点中，其中所述第一元素采用的是 JavaScript脚本。从而在浏览器展示页面时可以基于网页标签元素通过脚本进行图片下 载，进而进行渲染重排，本实施例通过将HTML5新特性封装成Javascript地图API,在调用 API标注兴趣点数可突破2000数，且对地图操作无较大影响。 实施例一 参照图1，给出了本专利技术实施例一提供的地图标注方法流程图。 步骤101，对浏览器的特性进行检测，并依据所述浏览器的特性选择网页标签元 素。 本实施例中，基于超文本标记语言5 (本文档来自技高网...

【技术保护点】
一种地图标注方法，其特征在于，包括：对浏览器的特性进行检测，并依据所述浏览器的特性选择网页标签元素，其中所述网页标签元素采用脚本描述浏览器中展示的图片；当所述网页标签元素为第一元素时，采用所述第一元素对应第一图标绘制模板绘制图标，其中，所述第一元素采用的是JavaScript脚本；将所述第一元素的节点添加到地图页面的主节点中。

【技术特征摘要】

【专利技术属性】
技术研发人员：杜雄，胡道生，夏曙东，
申请(专利权)人：北京中交兴路信息科技有限公司，
类型：发明
国别省市：北京;11