基于 Google Maps API校园电子地图设计与实现.docVIP

基于 Google Maps API校园电子地图设计与实现 　　摘 要：随着电子地图越来越广泛的被应用，它的商业价值也越来越大，由于Google对外提供了便于二次开发的Google Maps API，因此基于Google Maps API的网络应用更是层出不穷，随着Google地图数据的不断完善，基于Google地图的各类网络服务也将越来越多。通过Google Maps API对Google地图进行二次开发，实现了西安邮电大学新老校区校园电子地图的设计，并对地图中的各项功能模块及代码实现进行了探讨。 　　关键词：校园电子地图 Google Maps API 360度全景展示 AJAX PHP 　　中图分类号：TP311.52 文献标识码：A 文章编号：1007-3973（2012）012-066-04 　　1前言 　　随着计算机网络的发展和广泛应用，人们对电子信息的需求也越来越多、越来越严谨，使得更多的学者和专家意识到地图学与计算机科学结合的巨大发展潜力，电子地图应运而生。电子地图是利用成熟的网络技术、通信技术和GIS（地理信息系统）技术等实现的一种新的地图服务方式，广泛的应用于汽车、手机和互联网等领域。通过可视化技术及数字地图制图技术等的有效结合，电子地图不仅从传统的模拟地图中脱离出来发展成为基于屏幕表达的地图形式，还可实现地理位置搜索、分类信息获取、交通情况查询、行车路线甚至街景展示等功能，为人们的生活和出行提供了极大的便利。 　　本文通过Google Maps API 对Google地图进行了二次开发，完成了西安邮电大学新老校区校园电子地图的设计与实现，并结合大量的图片展现了学校的各种机构、设施和环境，不仅使用户可以快速、准确的获取校园的地理信息，也为校园的管理、规划和设计提供准确详实的数据。 　　2 Google Maps简介 　　和早期用于专业领域的GIS系统不同，Google地图首次将GIS引入到公共应用中，并取得了极大的成功，它让原本专业性很强的传统WebGIS服务成为一种大众信息服务。目前，Google地图提供的服务包括检索地名及周边信息、查询行车路线、实时路况信息以及高精度的卫星地图服务等，这些服务完全基于AJAX技术实现。 　　传统的Web应用中当用户提交表单时就向Web服务器发送了一个请求，服务器接收到请求后进行处理，然后送回一个新的网页，在这???的一个过程中，前后两个页面的大部分HTML代码往往是相同的，并且每次应用的交互都需要向服务器发送请求，这样不仅浪费了许多的带宽，用户界面的响应时间也比本地应用慢很多。与此不同，AJAX是一种创建交互式网页开发技术，可以实现仅向服务器发送并取回必需的数据，然后在客户端采用JavaScript处理，从而大量减少了服务器和浏览器之间的数据交换量，因此用户界面的响应速度也大大提高。 　　在此基础上Google还提供了基于JavaScript技术的API接口，用户可通过这一接口对Google Maps进行二次开发。 　　3 校园电子地图总体设计 　　本文设计实现的校园电子地图按照客户端（浏览器）、应用服务器和数据服务器三层结构进行设计（如图1所示）。 　　（1）数据服务器采用MySQL，用于存储校内各类建筑物的座标、建筑物类型等相关信息。 　　（2）应用服务器采用Apache服务器，服务器端脚本语言采用PHP和数据库连接，调用MySQL数据库，完成电子地图中的搜索和导航等相关功能。本系统中通过AJAX来实现页面无刷新数据更新和查询。 　　（3）在客户端，用户通过浏览器可以直观、形象的查看校园内各类建筑物，进行平移缩放、切换不同类型地图以及搜索、导航等各项方便快捷的操作。 　　4电子地图功能设计与实现 　　本电子地图在功能设计上主要分为以下三个模块： 　　4.1 地图浏览功能模块 　　地图浏览功能模块主要实现了对地图进行了平移、缩放、切换不同类型以及不同校区的地图等方便快捷的操作。该模块涵盖了电子地图中大部门的区域，通过该模块可以直观的查看每个校区的概貌。 　　4.2 分类图层叠加功能模块 　　分类图层叠加功能模块可实现不同属性地标数据的分类查看功能，本系统主要包含四类图层：校内建筑（包括教学楼、办公楼、图书馆、大学生活动中心及各类体育场馆等）；校内住宿（包括学生及教工宿舍、交流中心）；生活必须（包括洗浴中心、医疗中心、饮食机构、超市及后勤区）和网络结构（根据学校网络的拓朴图，展示学校主干网络的分布情况）。在每个图层上，本系统还实现了对每个建筑物进行360度2D全景展示，使用户可以更形象、直观的浏览校内各项设施，给用户带来身临其境般的感觉。 　　在本功能模块的实现过程中，主要涉及到三方面的技术要点：分类图层的叠加技术；校内建筑