图2。1 百度地图API体系结构图

2。1。2、JavaScript

因为百度地图API是由JavaScript语言编写的，所以研究javascript非常必要。javascript 诞生于1995年，它是由Netscape 公司的Brendan Eich首先设计出来的。这是一种面向对象的语言，它可以通过客户端的可执行代码让用户实现和网站的交互。JavaScript与java、C#或Smalltalk等传统语言的区别在于，它非常强调编程语言的灵活性。JavaScript在目前已经非常流行了，据相关数据统计，当前比较流行的网站中超过95%都在使用JavaScript。

JavaScript 是用于开发交互性的web页面的脚本语言。有以下的特性:

1)简单些：拥有简单的语法和开发过程

2)动态性：能够立即对用户输入做出响应，无需通过web服务器程序处理

3)安全性：没有访问本地磁盘系统的权限，也没有在服务器中存储数据的权限。网络文档不能被修改，允许通过浏览器浏览信息，也就是“能读不能写”。

4)跨平台性：JavaScript是运行在浏览器上的，也就为跨平台提供了基础。

2。1。3  jQuery、fancyBox、jqPlot

jQuery 是目前使用最广泛的的一个JavaScript函数库[6]。它支持HTML元素选取和操作、CSS操作、JS特效与动画、DOM处理、Ajax等。导入jQuery就像导入一段外部js代码一样简单，可以使用MS或Google的CDN进行加载。文献综述

jQuery的优点在于：尺寸小、使用简单方便；链式编程；隐式迭代；跨浏览器兼容性好；插件丰富；开源；免费等。

在本程序开发中主要用到基于jQuery的两个插件：fancyBox和jqPlot。其中fancyBox提供一组基于弹出层展示插件，用于在地图上定点弹出一个对话框，其特点包括：

1)可以支持图片、html文本、flash动画、iframe以及ajax的支持。

2)可以自定义播放器的CSS样式。

3)可以以组的形式进行播放。

4)Fancybox播放器支持投影，更有立体的感觉[7]。

而jqPlot是一款基于jQuery的图表插件，通过jqPlot可在网页上绘制线状、柱状、饼状等多种样式的图表，还可编写自定义图形样式（本系统中只用到柱状图）。特点如下[8]：

1)有多种图表样式可选；

2)可自定义日期轴线；

3)可设置旋转轴文字；

4)自动计算趋势线；

5)工具条提示和高亮数据点；

6)默认最优设置，便于使用。

2。2重要技术的使用方法

2。2。1百度地图API

在本设计中主要使用的是百度地图API的相关调用，调用格式、参数类型和调用方法等都是百度地图API本身的设定，下面介绍一些主要使用到的调用[13]：

表2。1 百度地图API的相关调用

功能 调用方式 相关说明来:自[优E尔L论W文W网www.youerw.com +QQ752018766-

创建地图 Var map = new BMap。Map("container"); 位于BMap 命名空间下的Map 类表示地图，通过new 操作符可以创建一个地图实例。其参数可以是元素id 也可以是元素对象。

创建点坐标 var point = new BMap。Point(123。456, 32。432); Point 类表示的是地图上的一个点，其中123。456是经度，32。432是纬度。

地图初始化 map。centerAndZoom(point, 15); 这个方法中，point表示所要设定的中心点坐标，15表示初始显示的地图级别。 

本程序设计中所使用的百度地图API的版本是2。0，它较于1。0版本功能更全面，但是使用2。0及以上的版本需要在百度地图API的官网上申请相关密钥，密钥可以免费申请（申请密钥的网址是http://lbsyun。baidu。com/）。没有密钥可以调用百度地图API 1。0版本的功能，但是百度地图API 2。0以上的版本新增的功能必须使用密钥才能调用。没有特殊情况的话，密钥可以使用很长一段时间。在引用上述调用之前，必须要加上这一行。