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

南京工程学院 实 验 报 告 课程名称 地理信息系统 实验项目名称 图形绘制实验 实验学生班级 多媒体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表 d.编写MapOverlayDB.aspx.cs后台代码，在Page_Load函数中， 连接数据库，获取数据库的数据，代码如下： //获取连接数据库的字符串 string connectionString = WebConfigurationManager.Conn ectionStrings[ConnectionString].ConnectionString; //创建数据库连接 SqlConnection connection = new SqlConnection(connection String); //判断数据库库的状态 if (connection.State == ConnectionState.Closed || connection.State == ConnectionState.Broken) { //打开数据库 connection.Open(); } //创建命令对象 SqlCommand cmd = new SqlCommand(); cmd.Connection = connection; //执行数据查询的 SQL