实验报告-4地图图形绘制.pdfVIP

南京工程学院 实 验 报 告 课 程 名 称 地理信息系统 实验项目名称 图形绘制实验 实验学生班级 多媒体 111 实验学生姓名 梁同辉 学 号 202110124 同组学生姓名 无 实 验 时 间 实 验 地 点 信息楼 A213 实验成绩评定 指导教师签字 年 月 日 一、实验目的和要求 1．理解地图叠加层的概念并使用。包括： ①从数据库动态获取地图的点，线，面数据并将数据传到页面中。 ②将这些点组织成 marker ，polyline ，polygon ，要动态设置样式。 2 ．上机调试之前必须携带已经编写完毕的程序源代码，实验过程中主 要是进行调试。 3．上机时间不足以完成实验项目的同学利用课外时间做完所有项目。 4 ．根据所选实验内容完成实验报告。 二、实验主要仪器和设备 计算机，操作系统 Windows7，Visual Studio 2010 集成开发环境， BaiduMap API 三、实验方法与步骤（需求分析、算法设计思路、流程图等） 1. 设计思路 a. 编写 HTML 文件 b. 引入 Baidu Map API ，实例并显示地图 c. 创建数据库表，插入覆盖物的坐标数据 d. 添加后台代码，操作数据库，获取数据库的数据 e. 对数据库数据进行处理，格式化为一个字符串，存入 Session 中，以提供给前台使用 f. 根据 Session 中的数据，添加对应的覆盖物到地图上 2. 开发步骤： a. 打开 Visual Studio 2010 ，创建一个 Web 应用程序的工程， 并添加一个 Web窗体，如下图（图一）所示： 图一：添加 Web窗体 b. 在 HTML 中，引入 Baidu Map API ，添加 div 块，设置页面的样 式，实例化地图对象，代码如下： script type=text/javascript src=http://api.map.bai /api?v=2.0ak=NOre0dKA9pG7pNwrnfdL6Uc2/script style type=text/css body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family: 微软雅黑 ;} #allmap{height: 600px;} /style div id=allmap/div var map = new BMap.Map(allmap); var point = new BMap.Point(118.886575, 31.927937); map.centerAndZoom(point, 15); c. 创建数据库 OverlayDB ）( 图二) ，添加 Overlays 和 Position 表（图三），插入覆盖物的坐标数据，如下图所示： 图二：创建 OverlayDB 数据库 图三：添加 Overlays 表和 Position