基于HTM L5的网络地图研究与实现.pdf

第2期 无线互联科技 No.2 2015年1月 Wireless Internet Technology January，2015 基于HTML5的网络地图研究与实现 岳鹏磊 李连民 李昌清 范伊红 (河南科技大学软件学院，河南 洛阳 471003) 摘 要：随着互联网技术的飞速发展，互联网地图的应用已经越来越广泛。文章就基于html5技术下进行的网络地图开 发的一些关键问题进行了阐述和说明。 关键词：网络地图；html5技术；导航 HTML5，万维网的核心语言、标准通用标记语言下的一 我们实现服务器将数据“推送”到客户端的功能。其中主 个应用超文本标记语言（HTML）的第五次重大修改，包括 要是Web Sockets协议，能让浏览器和服务器保持链接，这 HTML和XHTML的标签，相关的API、Canvas等，同时HTML5的 意味着网页能够承载需要即时通信的网络应用：聊天、在 图像img标签及svg也进行了改进，性能得到进一步提升， 线游戏等等。 而且较之前几个版本HTML5又提供了一些新的元素和属性。 1.3 离线功能和本地存储 HTML5技术具有很好的跨平台性，HTML5技术能够实现网 HTML5提供了一个非常重要的特性，可以编写离线应 页的及时更新。HTML5技术，实际指的是包括HTML、CSS和 用程序。所以理论上，我们可以有离线的Gmail，可以在 JavaScript在内的一套技术组合。 没有网络连接的时候编写邮件在上线时发送；对于手机， 1 HTML5技术的新特性 我们可以有HTML5版本的Google Reader，在有网络的时 HTML5是HTML的下一代产品，目前仍然处于完善阶段。 候下载新闻供离线时阅读。而有了离线功能，也能让网 为了推动Web标准化运动的发展，一些公司联合起来，成立 页应用程序可以和原生应用程序竞争了。HTML5中定义的 了WHATWG的组织，在2006年，万维网决定双方展开合作， WebStorage已经被广泛的支持，利用本地存储技术，可以 来创建一个新版本的HTML，以期能在互联网应用迅速发 缓存一些不经常变更的数据，比如导航，脚部申明等，保存 展的时候，使网络标准达到符合当代的网络需求。2014年 用户的一些个性化设置；用户的浏览历史等。 10月29日，万维网联盟泪流满面地宣布，经过几乎8年的艰 2 基于HTML5的网络地图的创建 辛努力，HTML5标准规范终于最终制定完成了，并已公开发 在HTML5中，利用window.navigator对象的新增属性 布。这特就意味着HTML5将推动Web进入新的时代。 geolocation，通过Geolocation API对该属性进行访问。 1.1 新的API提高了设备的兼容性 如果浏览器支持地理定位，就能够直接使用这组API来获 HTML5拥有一些新的API。例如：canvas，用于渲染图 取当前位置信息，对于拥有GPS的设备，比如iPhone，地 形或是其他的视觉图像，甚至可以直接做出伪3D游戏；地 理定位更加精确。借助地理位置（geolocation）这个特 理位置共享，通过Geolocation功能从而获取用户的地理 性，我们可以确定用户的位置，从而开发基于位置信息的 位置信息；一个和draggable属性一起使用的拖放API；跨 应用。此外，HTML5的Geolocation API主要特点还包括以 文档请求，websocket，一种更加高效的通讯方式，等等一 下两个方面：其一，API不去获取用户的具体位置信息，而 些新的API。HTML5提供了前所未有的数据与应用接入开 是通过其