CN104111951A - 栅格图片的绘制方法及装置 - Google Patents

栅格图片的绘制方法及装置 Download PDF

Info

Publication number
CN104111951A
CN104111951A CN201310138472.9A CN201310138472A CN104111951A CN 104111951 A CN104111951 A CN 104111951A CN 201310138472 A CN201310138472 A CN 201310138472A CN 104111951 A CN104111951 A CN 104111951A
Authority
CN
China
Prior art keywords
ground surface
grille picture
surface element
vector data
client
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201310138472.9A
Other languages
English (en)
Inventor
王加鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Baidu Online Network Technology Beijing Co Ltd
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201310138472.9A priority Critical patent/CN104111951A/zh
Publication of CN104111951A publication Critical patent/CN104111951A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/50Information retrieval; Database structures therefor; File system structures therefor of still image data
    • G06F16/56Information retrieval; Database structures therefor; File system structures therefor of still image data having vectorial format
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation

Abstract

本发明提供一种栅格图片的绘制方法及装置。一方面,本发明实施例通过向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而接收所述服务器发送的所述矢量数据,以及根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。

Description

栅格图片的绘制方法及装置
【技术领域】
本发明涉及矢量绘制技术,尤其涉及栅格图片的绘制方法及装置。
【背景技术】
随着通信技术的发展,终端集成了越来越多的功能,从而使得终端的系统功能列表中包含了越来越多相应的应用程序。有些应用程序中会调用矢量绘制应用,通过该应用,客户端可以向使用者展示绘制的矢量,例如,地图。现有的矢量绘制应用中,服务器预先绘制好栅格图片,客户端向服务器请求栅格图片的栅格数据,然后由所述客户端将所请求的栅格数据显示为可视化的栅格图片。
然而,由于栅格数据的数据量很大,因此,会使得客户端请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
【发明内容】
本发明的多个方面提供栅格图片的绘制方法及装置,用以提高栅格图片绘制的效率。
本发明的一方面,提供一种栅格图片的绘制方法,包括:
向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
接收所述服务器发送的所述矢量数据;
根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息;
利用所述绘制特征信息,绘制栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述向服务器发送绘制请求消息,包括:
向服务器发送基于HTTP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述向服务器发送基于HTTP的所述绘制请求消息,包括:
向服务器发送AJAX或JSONP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述利用所述绘制特征信息,绘制栅格图片,包括:
创建Canvas元素;
利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
本发明的另一方面,提供另一种栅格图片的绘制方法,包括:
接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息;
根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述接收客户端发送的绘制请求消息,包括:
接收客户端发送的基于HTTP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述接收客户端发送的基于HTTP的所述绘制请求消息,包括:
接收客户端发送的AJAX或JSONP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
本发明的另一方面,提供一种栅格图片的绘制装置,包括:
发送单元,用于向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
接收单元,用于接收所述服务器发送的所述矢量数据;
获得单元,用于根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息;
绘制单元,用于利用所述绘制特征信息,绘制栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述发送单元,具体用于
向服务器发送基于HTTP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述发送单元,具体用于
向服务器发送AJAX或JSONP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述绘制单元,具体用于
创建Canvas元素;以及利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
本发明的另一方面,提供另一种栅格图片的绘制装置,包括:
接收单元,用于接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息;
获得单元,用于根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
发送单元,用于向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述接收单元,具体用于
接收客户端发送的基于HTTP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述接收单元,具体用于
接收客户端发送的AJAX或JSONP的所述绘制请求消息。
如上所述的方面和任一可能的实现方式,进一步提供一种实现方式,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
由上述技术方案可知,一方面,本发明实施例通过向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而接收所述服务器发送的所述矢量数据,以及根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
由上述技术方案可知,另一方面,本发明实施例通过接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,进而根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,使得能够向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
【附图说明】
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明一实施例提供的一种栅格图片的绘制方法的流程示意图;
图2为本发明另一实施例提供的另一种栅格图片的绘制方法的流程示意图;
图3为本发明另一实施例提供的一种栅格图片的绘制装置的结构示意图;
图4为本发明另一实施例提供的另一种栅格图片的绘制装置的结构示意图。
【具体实施方式】
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的全部其他实施例,都属于本发明保护的范围。
本发明的技术方案,可以应用于各种网络,例如,互联网、全球移动通信系统(Global System for Mobile Communications,GSM)网络、通用分组无线业务(General Packet Radio Service,GPRS)网络、码分多址(CodeDivision Multiple Access,CDMA)网络、CDMA2000网络、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)网络、长期演进(LongTerm Evolution,LTE)网络或全球微波接入互操作性(World Interoperabilityfor Microwave Access,WiMAX)网络等。
需要说明的是,本发明实施例中所涉及的终端可以包括但不限于手机、个人数字助理(Personal Digital Assistant,PDA)、无线手持装置、无线上网本、个人电脑、便携电脑、个人电脑(Personal Computer,PC)、MP3播放器、MP4播放器等。
另外,本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
图1为本发明一实施例提供的一种栅格图片的绘制方法的流程示意图,如图1所示。
101、向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据。
102、接收所述服务器发送的所述矢量数据。
103、根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息。
104、利用所述绘制特征信息,绘制栅格图片。
需要说明的是,101~104的执行主体可以是客户端,能够调用绘制装置,例如,画布(canvas)应用软件,本实施例对此不进行限定。
可以理解的是,所述客户端可以是安装在终端上的应用程序,或者还可以是浏览器的一个网页,只要能够实现绘制功能,以提供矢量绘制的客观存在形式都可以,本实施例对此不进行限定。
这样,通过向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而接收所述服务器发送的所述矢量数据,以及根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
现有的栅格图片的绘制方法,服务器预先绘制好栅格图片,客户端向服务器请求栅格图片的栅格数据,然后由所述客户端将所请求的栅格数据显示为可视化的栅格图片。这样,由于栅格数据的数据量很大,因此,会使得客户端请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
可以理解的是,在101之前,客户端可以按照现有技术中的方法,确定待绘制的栅格图片的标识信息。例如,客户端根据当前视野所能够展示的栅格图片大小,以及进一步结合当前的定位需求,确定待绘制的栅格图片的标识信息,例如,确定待绘制的一栅格地图的行号为12652、列号为4712和级别(即层数)为16。
其中,所述栅格图片,又可以称为瓦片图片,瓦片图片的行号、列号和级别的详细描述可以参见现有技术中的相关内容,此处不再赘述。
本实施例中,所述的图片可以包括但不限于地图,本实施例对此不进行限定。以地图为例,下面将简单介绍一下地图的瓦片,即瓦片地图。
首先,确定地图服务平台所要提供的缩放级别的数量N,把缩放级别最低、地图比例尺最小的地图图片作为底层,即第0层,并对其进行分块,从地图图片的左上角开始,从左至右、从上到下进行切割,分割成相同大小,例如,256x256像素的正方形瓦片地图,形成第0层瓦片矩阵;
其次,在第0层地图图片的基础上,按每2x2像素合成为一个像素的方法生成第1层地图图片,并对其进行分块,分割成与下一层相同大小的正方形瓦片地图,形成第1层瓦片矩阵;
然后,采用同样的方法生成第2层瓦片矩阵;
如此下去,直到第N-1层,构成整个瓦片金字塔。
例如,在Google地图中,地图图片由大量的正方形的瓦片地图组成。共有18级缩放比例,每个瓦片地图都有坐标值,由列号X值和行号Y值构成。地图比例尺的比例因子zoom取值范围是(0~17)。
可选地,在本实施例的一个可能的实现方式中,在101中,客户端具体可以向服务器发送基于超文本传输协议(Hypertext Transfer Protocol,HTTP)的所述绘制请求消息。
例如,所述客户端具体可以向服务器发送基于可扩展标记语言(eXtensible Markup Language,XML)的异步Java脚本语言(JavaScript)(Asynchronous JavaScript and XML,AJAX)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置AJAX回调函数,以保证在该客户端在所述AJAX回调函数中获取到服务器返回的数据。
或者,再例如,所述客户端具体还可以向服务器发送基于带填充的JavaScript对象表示法(JavaScript Object Notation,JSON)(JSON withPadding,JSONP)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置JSONP回调函数,以保证在该客户端在所述JSONP回调函数中获取到服务器返回的数据。
可选地,在本实施例的一个可能的实现方式中,在103中,客户端所获得的与所述矢量数据对应的绘制特征信息可以包括但不限于下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
其中,
所述地面元素的类型信息可以包括但不限于点、线和面中的至少一项。
所述地面元素的图标信息可以包括但不限于酒店、医院、学校和公园中的至少一项。
所述地面元素的地理位置信息可以包括但不限于经度和纬度。
所述地面元素的注记可以为地面元素的文本标记,例如,百度、上地十街等。
可选地,在本实施例的一个可能的实现方式中,在104中,客户端具体可以创建画布(Canvas)元素。
具体地,Canvas元素是超文本标记语言(HyperText Mark-up Language,HTML)的第五版本(HTML5)中新增的一个重要元素,专门用来绘制图形,在万维网(World Wide Web,Web)页面上创建一个Canvas元素,就相当于在Web页面上放置一块“画布”,可以在其中进行图形的绘制。
然后,所述客户端则可以利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
为使得本发明实施例提供的方法更加清楚,下面将以栅格地图的绘制作为举例,假设当前用户想通过在终端安装的浏览器的地图页面,定位天安门附近,以查看天安门附近的地图(即栅格地图),即行号为12652、列号为47121和级别为16。
首先,终端安装的浏览器的地图页面即客户端,根据用户所要定位的区域即天安门附近,确定该区域的对应的地图图片的行号、列号和级别,即行号为12652、列号为47121和级别为16。
然后,所述客户端则将地图图片的行号、列号和级别封装成一个HTTP请求消息http://vectordata.map.baidu.com/?x=12652&y=4712&z=16,通过AJAX对象,将所述HTTP请求消息发送到网络侧的服务器。服务器接收到该HTTP请求消息之后,查询数据库,通过Ajax对象的回调函数向客户端返回与所述地图图片的行号、列号和级别对应的矢量数据。
具体地,所述矢量数据的形式可以是二进制数据,或者还可以是其他形式的数据,本实施例对此不进行限定。
接着,所述客户端在Ajax对象的回调函数中获取到所述矢量数据之后,利用内置的数据视图(DataView)或者开源对象jDataView,可以进一步根据解析协议逐字节进行解析,将所述矢量数据解析为面对象、线对象和点对象,这些对象统称为绘制特征信息(Feature)对象,每个Feature对象可以包括但不限于下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
Feature对象的详细描述可以如表1所示。
表1Feature对象
类型 注记 地理位置 偏移量 样式 说明
0 天安门 x11,y11 -1 2000 点对像
1 地铁1号线 x21,y21,x22,y22,x23,y23…x2n,y2n 1000 2001 线对象
2 中山公园 x31,y31,x32,y32,x33,y33…x3n,y3n -1 2002 面对象
最后,所述客户端建画布(Canvas)元素,将上述解析出来的Feature对象,按照其坐标分别绘制在画布(Canvas)元素中。具体的绘制过程可以如下:
首先,客户端将Feature对象的地理位置转化为像素坐标,转化公式如下:
pixelX =(x–tileLeft)/zoomUnit;
pixelY=(tileTop–y)/zoomUnit;
其中,pixelX和PixelY分别是转化之后的像素坐标,x和y分别是Feature对象的地理位置,tileLeft和tileTop分别是本张栅格地图对应的左边界和上边界,zoomUnit是比例系数,具体计算公式如下:
tileLeft=行号*zoomUnit*256;
tileTop=列号*zoomUnit*256;
zoomUnit=2^(18–级别);
其中,行号、列号、级别是所述客户端所确定的地图图片的行号、列号和级别。
然后,所述客户端则可以根据Feature对象中所包含的样式信息,完成栅格地图的绘制。具体地,Feature对象中所包含的样式信息的详细描述可以如表2所示。
表2Feature对象中所包含的样式信息
样式名称 样式值 样式说明
2000 tiananmen.png 天安门图标
2001 [5,‘red’] 线宽2像素,颜色为红色
2002 [1,‘green’] 边框为1像素,填充色为绿色
例如,对于点对象,客户端可以调用Canvas元素的drawImage方法,将图标绘制到对应的像素位置处;
或者,再例如,对于线对象,客户端可以设置画笔的宽度和画笔的颜色,然后调用Canvas元素的stroke方法,将图标绘制到对应的像素位置处;
或者,再例如,对于面对象,客户端可以设置画布的填充色和画笔的宽度,然后调用Canvas元素的stroke方法和fill方法两个方法,将图标绘制到对应的像素位置处,其中,stroke方法是绘制面对象的边框,fill方法是绘制面对象的填充区域。
至此,通过以上具体操作,客户端就完成了将矢量数据绘制成栅格地图的过程。
本实施例中,通过向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而接收所述服务器发送的所述矢量数据,以及根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
另外,采用本发明提供的技术方案,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,服务器无需向客户端发送栅格数据,从而节省了数据流量和网络资源。
图2为本发明另一实施例提供的另一种栅格图片的绘制方法的流程示意图,如图2所示。
201、接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息。
202、根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据。
203、向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
需要说明的是,201~203的执行主体可以是位于网络侧的服务器,本实施例对此不进行限定。
可以理解的是,所述客户端能够调用绘制装置,例如,画布(canvas)应用软件,本实施例对此不进行限定。
可以理解的是,所述客户端可以是安装在终端上的应用程序,或者还可以是浏览器的一个网页,只要能够实现绘制功能,以提供矢量绘制的客观存在形式都可以,本实施例对此不进行限定。
这样,通过接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,进而根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,使得能够向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
现有的栅格图片的绘制方法,服务器预先绘制好栅格图片,客户端向服务器请求栅格图片的栅格数据,然后由所述客户端将所请求的栅格数据显示为可视化的栅格图片。这样,由于栅格数据的数据量很大,因此,会使得客户端请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
可以理解的是,在201之前,客户端可以按照现有技术中的方法,确定待绘制的栅格图片的标识信息。例如,客户端根据当前视野所能够展示的栅格图片大小,以及进一步结合当前的定位需求,确定待绘制的栅格图片的标识信息,例如,确定待绘制的一栅格地图的行号为12652、列号为4712和级别(即层数)为16。
其中,所述栅格图片,又可以称为瓦片图片,瓦片图片的行号、列号和级别的详细描述可以参见现有技术中的相关内容,此处不再赘述。
本实施例中,所述的图片可以包括但不限于地图,本实施例对此不进行限定。以地图为例,下面将简单介绍一下地图的瓦片,即瓦片地图。
首先,确定地图服务平台所要提供的缩放级别的数量N,把缩放级别最低、地图比例尺最小的地图图片作为底层,即第0层,并对其进行分块,从地图图片的左上角开始,从左至右、从上到下进行切割,分割成相同大小,例如,256x256像素的正方形瓦片地图,形成第0层瓦片矩阵;
其次,在第0层地图图片的基础上,按每2x2像素合成为一个像素的方法生成第1层地图图片,并对其进行分块,分割成与下一层相同大小的正方形瓦片地图,形成第1层瓦片矩阵;
然后,采用同样的方法生成第2层瓦片矩阵;
如此下去,直到第N-1层,构成整个瓦片金字塔。
例如,在Google地图中,地图图片由大量的正方形的瓦片地图组成。共有18级缩放比例,每个瓦片地图都有坐标值,由列号X值和行号Y值构成。地图比例尺的比例因子zoom取值范围是(0~17)。
可选地,在本实施例的一个可能的实现方式中,在201中,服务器具体可以接收客户端发送的基于HTTP的所述绘制请求消息。
例如,所述服务器具体可以接收客户端发送的基于可扩展标记语言(eXtensible Markup Language,XML)的异步Java脚本语言(JavaScript)(Asynchronous JavaScript and XML,AJAX)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置AJAX回调函数,以保证在该客户端在所述AJAX回调函数中获取到服务器返回的数据。
或者,再例如,所述服务器具体还可以接收客户端发送的基于带填充的JavaScript对象表示法(JavaScript Object Notation,JSON)(JSON withPadding,JSONP)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置JSONP回调函数,以保证在该客户端在所述JSONP回调函数中获取到服务器返回的数据。
可选地,在本实施例的一个可能的实现方式中,客户端所获得的与所述矢量数据对应的绘制特征信息可以包括但不限于下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
其中,
所述地面元素的类型信息可以包括但不限于点、线和面中的至少一项。
所述地面元素的图标信息可以包括但不限于酒店、医院、学校和公园中的至少一项。
所述地面元素的地理位置信息可以包括但不限于经度和纬度。
所述地面元素的注记可以为地面元素的文本标记,例如,百度、上地十街等。
可选地,在本实施例的一个可能的实现方式中,客户端具体可以创建画布(Canvas)元素。
具体地,Canvas元素是超文本标记语言(HyperText Mark-up Language,HTML)的第五版本(HTML5)中新增的一个重要元素,专门用来绘制图形,在万维网(World Wide Web,Web)页面上创建一个Canvas元素,就相当于在Web页面上放置一块“画布”,可以在其中进行图形的绘制。
然后,所述客户端则可以利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
为使得本发明实施例提供的方法更加清楚,下面将以栅格地图的绘制作为举例,假设当前用户想通过在终端安装的浏览器的地图页面,定位天安门附近,以查看天安门附近的地图(即栅格地图),即行号为12652、列号为47121和级别为16。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,进而根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,使得能够向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
另外,采用本发明提供的技术方案,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,服务器无需向客户端发送栅格数据,从而节省了数据流量和网络资源。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
图3为本发明另一实施例提供的一种栅格图片的绘制装置的结构示意图,如图3所示。本实施例的栅格图片的绘制装置可以包括发送单元31、接收单元32、获得单元33和绘制单元34。其中,发送单元31,用于向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;接收单元32,用于接收所述服务器发送的所述矢量数据;获得单元33,用于根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息;绘制单元34,用于利用所述绘制特征信息,绘制栅格图片。
需要说明的是,本实施例提供的装置可以是客户端,能够调用绘制装置,例如,画布(canvas)应用软件,本实施例对此不进行限定。
可以理解的是,所述客户端可以是安装在终端上的应用程序,或者还可以是浏览器的一个网页,只要能够实现绘制功能,以提供矢量绘制的客观存在形式都可以,本实施例对此不进行限定。
这样,通过发送单元向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而由接收单元接收所述服务器发送的所述矢量数据,以及由获得单元根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得绘制单元能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
现有的栅格图片的绘制装置,服务器预先绘制好栅格图片,绘制装置向服务器请求栅格图片的栅格数据,然后由所述绘制装置将所请求的栅格数据显示为可视化的栅格图片。这样,由于栅格数据的数据量很大,因此,会使得绘制装置请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
可以理解的是,本实施例提供的栅格图片的绘制装置还可以按照现有技术中的方法,确定待绘制的栅格图片的标识信息。例如,根据当前视野所能够展示的栅格图片大小,以及进一步结合当前的定位需求,确定待绘制的栅格图片的标识信息,例如,确定待绘制的一栅格地图的行号为12652、列号为4712和级别(即层数)为16。
其中,所述栅格图片,又可以称为瓦片图片,瓦片图片的行号、列号和级别的详细描述可以参见现有技术中的相关内容,此处不再赘述。
本实施例中,所述的图片可以包括但不限于地图,本实施例对此不进行限定。以地图为例,下面将简单介绍一下地图的瓦片,即瓦片地图。
首先,确定地图服务平台所要提供的缩放级别的数量N,把缩放级别最低、地图比例尺最小的地图图片作为底层,即第0层,并对其进行分块,从地图图片的左上角开始,从左至右、从上到下进行切割,分割成相同大小,例如,256x256像素的正方形瓦片地图,形成第0层瓦片矩阵;
其次,在第0层地图图片的基础上,按每2x2像素合成为一个像素的方法生成第1层地图图片,并对其进行分块,分割成与下一层相同大小的正方形瓦片地图,形成第1层瓦片矩阵;
然后,采用同样的方法生成第2层瓦片矩阵;
如此下去,直到第N-1层,构成整个瓦片金字塔。
例如,在Google地图中,地图图片由大量的正方形的瓦片地图组成。共有18级缩放比例,每个瓦片地图都有坐标值,由列号X值和行号Y值构成。地图比例尺的比例因子zoom取值范围是(0~17)。
可选地,在本实施例的一个可能的实现方式中,所述发送单元31,具体可以用于向服务器发送基于HTTP的所述绘制请求消息。
例如,所述发送单元31,具体可以向服务器发送基于可扩展标记语言(eXtensible Markup Language,XML)的异步Java脚本语言(JavaScript)(Asynchronous JavaScript and XML,AJAX)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置AJAX回调函数,以保证在该客户端在所述AJAX回调函数中获取到服务器返回的数据。
或者,再例如,所述发送单元31,具体还可以向服务器发送基于带填充的JavaScript对象表示法(JavaScript Object Notation,JSON)(JSON withPadding,JSONP)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置JSONP回调函数,以保证在该客户端在所述JSONP回调函数中获取到服务器返回的数据。
可选地,在本实施例的一个可能的实现方式中,所述获得单元33所获得的与所述矢量数据对应的绘制特征信息可以包括但不限于下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
其中,
所述地面元素的类型信息可以包括但不限于点、线和面中的至少一项。
所述地面元素的图标信息可以包括但不限于酒店、医院、学校和公园中的至少一项。
所述地面元素的地理位置信息可以包括但不限于经度和纬度。
所述地面元素的注记可以为地面元素的文本标记,例如,百度、上地十街等。
可选地,在本实施例的一个可能的实现方式中,所述绘制单元34,具体可以用于创建Canvas元素;以及利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
具体地,Canvas元素是超文本标记语言(HyperText Mark-up Language,HTML)的第五版本(HTML5)中新增的一个重要元素,专门用来绘制图形,在万维网(World Wide Web,Web)页面上创建一个Canvas元素,就相当于在Web页面上放置一块“画布”,可以在其中进行图形的绘制。
为使得本发明实施例提供的方法更加清楚,下面将以栅格地图的绘制作为举例,假设当前用户想通过在终端安装的浏览器的地图页面,定位天安门附近,以查看天安门附近的地图(即栅格地图),即行号为12652、列号为47121和级别为16。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过发送单元向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,进而由接收单元接收所述服务器发送的所述矢量数据,以及由获得单元根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,使得绘制单元能够利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
另外,采用本发明提供的技术方案,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,服务器无需向客户端发送栅格数据,从而节省了数据流量和网络资源。
图4为本发明另一实施例提供的另一种栅格图片的绘制装置的结构示意图,如图4所示。本实施例的栅格图片的绘制装置可以包括接收单元41、获得单元42和发送单元43。其中,接收单元41,用于接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息;获得单元42,用于根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;发送单元43,用于向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
需要说明的是,本实施例提供的装置可以是位于网络侧的服务器,本实施例对此不进行限定。
可以理解的是,所述客户端能够调用绘制装置,例如,画布(canvas)应用软件,本实施例对此不进行限定。
可以理解的是,所述客户端可以是安装在终端上的应用程序,或者还可以是浏览器的一个网页,只要能够实现绘制功能,以提供矢量绘制的客观存在形式都可以,本实施例对此不进行限定。
这样,通过接收单元接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,进而由获得单元根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,使得发送单元能够向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
现有的栅格图片的绘制装置,绘制装置预先绘制好栅格图片,客户端向绘制装置请求栅格图片的栅格数据,然后由所述客户端将所请求的栅格数据显示为可视化的栅格图片。这样,由于栅格数据的数据量很大,因此,会使得客户端请求获取该栅格数据的时间较长,从而导致了栅格图片绘制的效率的降低。
可以理解的是,客户端可以按照现有技术中的方法,确定待绘制的栅格图片的标识信息。例如,客户端根据当前视野所能够展示的栅格图片大小,以及进一步结合当前的定位需求,确定待绘制的栅格图片的标识信息,例如,确定待绘制的一栅格地图的行号为12652、列号为4712和级别(即层数)为16。
其中,所述栅格图片,又可以称为瓦片图片,瓦片图片的行号、列号和级别的详细描述可以参见现有技术中的相关内容,此处不再赘述。
本实施例中,所述的图片可以包括但不限于地图,本实施例对此不进行限定。以地图为例,下面将简单介绍一下地图的瓦片,即瓦片地图。
首先,确定地图服务平台所要提供的缩放级别的数量N,把缩放级别最低、地图比例尺最小的地图图片作为底层,即第0层,并对其进行分块,从地图图片的左上角开始,从左至右、从上到下进行切割,分割成相同大小,例如,256x256像素的正方形瓦片地图,形成第0层瓦片矩阵;
其次,在第0层地图图片的基础上,按每2x2像素合成为一个像素的方法生成第1层地图图片,并对其进行分块,分割成与下一层相同大小的正方形瓦片地图,形成第1层瓦片矩阵;
然后,采用同样的方法生成第2层瓦片矩阵;
如此下去,直到第N-1层,构成整个瓦片金字塔。
例如,在Google地图中,地图图片由大量的正方形的瓦片地图组成。共有18级缩放比例,每个瓦片地图都有坐标值,由列号X值和行号Y值构成。地图比例尺的比例因子zoom取值范围是(0~17)。
可选地,在本实施例的一个可能的实现方式中,所述接收单元41,具体可以接收客户端发送的基于HTTP的所述绘制请求消息。
例如,所述接收单元41,具体可以接收客户端发送的基于可扩展标记语言(eXtensible Markup Language,XML)的异步Java脚本语言(JavaScript)(Asynchronous JavaScript and XML,AJAX)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置AJAX回调函数,以保证在该客户端在所述AJAX回调函数中获取到服务器返回的数据。
或者,再例如,所述接收单元41,具体还可以接收客户端发送的基于带填充的JavaScript对象表示法(JavaScript Object Notation,JSON)(JSONwith Padding,JSONP)的所述绘制请求消息。具体地,所述客户端在所述绘制请求消息中设置JSONP回调函数,以保证在该客户端在所述JSONP回调函数中获取到服务器返回的数据。
可选地,在本实施例的一个可能的实现方式中,客户端所获得的与所述矢量数据对应的绘制特征信息可以包括但不限于下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
其中,
所述地面元素的类型信息可以包括但不限于点、线和面中的至少一项。
所述地面元素的图标信息可以包括但不限于酒店、医院、学校和公园中的至少一项。
所述地面元素的地理位置信息可以包括但不限于经度和纬度。
所述地面元素的注记可以为地面元素的文本标记,例如,百度、上地十街等。
可选地,在本实施例的一个可能的实现方式中,客户端具体可以创建画布(Canvas)元素。
具体地,Canvas元素是超文本标记语言(HyperText Mark-up Language,HTML)的第五版本(HTML5)中新增的一个重要元素,专门用来绘制图形,在万维网(World Wide Web,Web)页面上创建一个Canvas元素,就相当于在Web页面上放置一块“画布”,可以在其中进行图形的绘制。
然后,所述客户端则可以利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
为使得本发明实施例提供的方法更加清楚,下面将以栅格地图的绘制作为举例,假设当前用户想通过在终端安装的浏览器的地图页面,定位天安门附近,以查看天安门附近的地图(即栅格地图),即行号为12652、列号为47121和级别为16。详细描述可以参见图1对应的实施例中的相关内容,此处不再赘述。
本实施例中,通过接收单元接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,进而由获得单元根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据,使得发送单元能够向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,能够避免现有技术中由于栅格数据的数据量很大而导致的客户端请求获取该栅格数据的时间较长的问题,从而提高了栅格图片绘制的效率。
另外,采用本发明提供的技术方案,由于客户端请求获取的是栅格图片的矢量数据,而不再是栅格图片的栅格数据,因此,服务器无需向客户端发送栅格数据,从而节省了数据流量和网络资源。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元,可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中,包括若干指令用以使得一台计算机装置(可以是个人计算机,服务器,或者网络装置等)或处理器(processor)执行本发明各个实施例所述方法的部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (18)

1.一种栅格图片的绘制方法,其特征在于,包括:
向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
接收所述服务器发送的所述矢量数据;
根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息;
利用所述绘制特征信息,绘制栅格图片。
2.根据权利要求1所述的方法,其特征在于,所述向服务器发送绘制请求消息,包括:
向服务器发送基于HTTP的所述绘制请求消息。
3.根据权利要求2所述的方法,其特征在于,所述向服务器发送基于HTTP的所述绘制请求消息,包括:
向服务器发送AJAX或JSONP的所述绘制请求消息。
4.根据权利要求1~3任一权利要求所述的方法,其特征在于,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
5.根据权利要求1~4任一权利要求所述的方法,其特征在于,所述利用所述绘制特征信息,绘制栅格图片,包括:
创建Canvas元素;
利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
6.一种栅格图片的绘制方法,其特征在于,包括:
接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息;
根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
7.根据权利要求6所述的方法,其特征在于,所述接收客户端发送的绘制请求消息,包括:
接收客户端发送的基于HTTP的所述绘制请求消息。
8.根据权利要求7所述的方法,其特征在于,所述接收客户端发送的基于HTTP的所述绘制请求消息,包括:
接收客户端发送的AJAX或JSONP的所述绘制请求消息。
9.根据权利要求6~8任一权利要求所述的方法,其特征在于,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
10.一种栅格图片的绘制装置,其特征在于,包括:
发送单元,用于向服务器发送绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息,以使得所述服务器根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
接收单元,用于接收所述服务器发送的所述矢量数据;
获得单元,用于根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息;
绘制单元,用于利用所述绘制特征信息,绘制栅格图片。
11.根据权利要求10所述的装置,其特征在于,所述发送单元,具体用于
向服务器发送基于HTTP的所述绘制请求消息。
12.根据权利要求11所述的装置,其特征在于,所述发送单元,具体用于
向服务器发送AJAX或JSONP的所述绘制请求消息。
13.根据权利要求10~12任一权利要求所述的装置,其特征在于,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
14.根据权利要求10~13任一权利要求所述的装置,其特征在于,所述绘制单元,具体用于
创建Canvas元素;以及利用所述绘制特征信息,在所述Canvas元素中,绘制所述栅格图片。
15.一种栅格图片的绘制装置,其特征在于,包括:
接收单元,用于接收客户端发送的绘制请求消息,所述绘制请求消息中包含栅格图片的标识信息;
获得单元,用于根据所述栅格图片的标识信息,获得与所述栅格图片的标识信息对应的矢量数据;
发送单元,用于向所述客户端发送所述矢量数据,以使得所述客户端根据所述矢量数据,获得与所述矢量数据对应的绘制特征信息,以及利用所述绘制特征信息,绘制栅格图片。
16.根据权利要求15所述的装置,其特征在于,所述接收单元,具体用于
接收客户端发送的基于HTTP的所述绘制请求消息。
17.根据权利要求16所述的装置,其特征在于,所述接收单元,具体用于
接收客户端发送的AJAX或JSONP的所述绘制请求消息。
18.根据权利要求15~17任一权利要求所述的装置,其特征在于,所述绘制特征信息包括下列中的至少一项:
地面元素的类型信息;
地面元素的图标信息;
地面元素的样式信息;
地面元素的地理位置信息;
地面元素的注记;以及
地面元素的偏移量。
CN201310138472.9A 2013-04-19 2013-04-19 栅格图片的绘制方法及装置 Pending CN104111951A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310138472.9A CN104111951A (zh) 2013-04-19 2013-04-19 栅格图片的绘制方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310138472.9A CN104111951A (zh) 2013-04-19 2013-04-19 栅格图片的绘制方法及装置

Publications (1)

Publication Number Publication Date
CN104111951A true CN104111951A (zh) 2014-10-22

Family

ID=51708746

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310138472.9A Pending CN104111951A (zh) 2013-04-19 2013-04-19 栅格图片的绘制方法及装置

Country Status (1)

Country Link
CN (1) CN104111951A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105138642A (zh) * 2015-08-25 2015-12-09 航天恒星科技有限公司 一种基于html5的动态标绘方法及装置
CN106919592A (zh) * 2015-12-24 2017-07-04 北京计算机技术及应用研究所 建立多级电子地图的方法
CN111914042A (zh) * 2019-05-10 2020-11-10 中国电力科学研究院有限公司 一种处理电力gis中矢量和栅格切片数据的方法
CN115375868A (zh) * 2022-10-25 2022-11-22 阿里巴巴(中国)有限公司 地图显示和遥感地图显示方法、计算设备以及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101051076A (zh) * 2006-04-03 2007-10-10 上海市闸北区绿化管理局 移动式空间数据采集、处理及发布方法
CN102023836A (zh) * 2010-11-26 2011-04-20 北京腾瑞万里科技有限公司 移动终端矢量地图的显示方法及移动终端
CN102255873A (zh) * 2010-05-21 2011-11-23 南京师范大学 基于有序点集像素无损压缩的矢量数据高效传输方法
CN102801797A (zh) * 2012-08-03 2012-11-28 北京世纪高通科技有限公司 移动互联网交通信息的处理方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101051076A (zh) * 2006-04-03 2007-10-10 上海市闸北区绿化管理局 移动式空间数据采集、处理及发布方法
CN102255873A (zh) * 2010-05-21 2011-11-23 南京师范大学 基于有序点集像素无损压缩的矢量数据高效传输方法
CN102023836A (zh) * 2010-11-26 2011-04-20 北京腾瑞万里科技有限公司 移动终端矢量地图的显示方法及移动终端
CN102801797A (zh) * 2012-08-03 2012-11-28 北京世纪高通科技有限公司 移动互联网交通信息的处理方法及装置

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105138642A (zh) * 2015-08-25 2015-12-09 航天恒星科技有限公司 一种基于html5的动态标绘方法及装置
CN106919592A (zh) * 2015-12-24 2017-07-04 北京计算机技术及应用研究所 建立多级电子地图的方法
CN111914042A (zh) * 2019-05-10 2020-11-10 中国电力科学研究院有限公司 一种处理电力gis中矢量和栅格切片数据的方法
CN111914042B (zh) * 2019-05-10 2024-03-19 中国电力科学研究院有限公司 一种处理电力gis中矢量和栅格切片数据的方法
CN115375868A (zh) * 2022-10-25 2022-11-22 阿里巴巴(中国)有限公司 地图显示和遥感地图显示方法、计算设备以及存储介质
CN115375868B (zh) * 2022-10-25 2023-02-17 阿里巴巴(中国)有限公司 地图显示和遥感地图显示方法、计算设备以及存储介质

Similar Documents

Publication Publication Date Title
CN110196953B (zh) 一种应用埋点方法、装置、计算设备和系统
CN103927934B (zh) 一种闭合围栏绘制的方法及系统
CN103870861B (zh) 一种生成二维码的方法和装置
CN110032614B (zh) 基于wasm的地图矢量渲染方法和装置
US20120158762A1 (en) Methods, apparatuses and computer program products for converting a geographical database into a map tile database
JP2010504560A (ja) デジタル地図上にグラフィック・オブジェクトを表示する方法およびシステム
CN103345493B (zh) 用于移动终端上的文本内容显示的方法、装置及系统
CN102939514A (zh) 用于位置服务的方法和装置
CN202918341U (zh) 一种基于智能手持终端及二维码的地理位置分享系统
CN104111951A (zh) 栅格图片的绘制方法及装置
CN103500060B (zh) 电子地图的制作方法、制作装置、显示方法及显示装置
CN107992589A (zh) 一种svg地图数据的加载方法、装置及系统
CN102469112B (zh) 位置跟踪实现方法、装置及系统
CN105893401A (zh) 天气信息的展示方法和装置
CN104240273A (zh) 栅格图片的处理方法及装置
CN103699652A (zh) 一种访问网页的方法和系统
CN105718498A (zh) 网络地图混合加载的方法和装置
CN105205539A (zh) Ota网站中酒店房间的管理方法及系统
CN116737852A (zh) 一种基于矢量瓦片数据的矢量绘图方法、装置和电子设备
CN108133029A (zh) 地图元素的调整方法、装置、设备及计算机可读存储介质
CN108132992B (zh) 一种人员信息基础地址编码方法、系统及电子设备
WO2020238749A1 (zh) 栅格数据访问方法、装置、电子设备及计算机存储介质
CN105282751B (zh) 一种显示无线网络规划结果的方法和装置
CN112783385A (zh) 一种环保监测地图点位标识的动态生成方法
CN1787522B (zh) 基于Web地图服务的Web要素服务坐标配准方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20141022