毕业论文

打赏
当前位置: 毕业论文 > 计算机论文 >

基于百度地图API的老龄人口分布统计图形生成与显示方法(4)

时间:2022-08-07 11:01来源:毕业论文
图2。1 百度地图API体系结构图 2。1。2、JavaScript 因为百度地图API是由JavaScript语言编写的,所以研究javascript非常必要。javascript 诞生于1995年,它是由Netsca

图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以上的版本新增的功能必须使用密钥才能调用。没有特殊情况的话,密钥可以使用很长一段时间。在引用上述调用之前,必须要加上这一行。 基于百度地图API的老龄人口分布统计图形生成与显示方法(4):http://www.youerw.com/jisuanji/lunwen_97584.html

------分隔线----------------------------
推荐内容