实验报告4地图图形绘制.docx

varmap=newBMap.Map（"allmap"）;

varpoint=newBMap.Point（118.886575,31.927937）;

map.centerAndZoom（point,17）;

map.enableScrollWheelZoom（true）;

//获取Session中的数据

varmarkerPos="<%=（Session["markerPos"]）%>";

//如果数据不为空，调用添加marker的函数

if（markerPos.length>0）

addMarkers（markerPos）;

varpolylinePos="<%=（Session["polylinePos"]）%>";

//如果数据不为空，调用添加polyline的函数

if（polylinePos.length>0）

addPoly（polylinePos,“polyline”）;

//获取Session中的数据

varpolygonPos="<%=（Session["polygonPos"]）%>";

//如果数据不为空，调用添加polygon的函数

if（polygonPos.length>0）

addPoly（polygonPos,“polygon”）;

//定义添加marker的函数

functionaddMarks（positions）{

varposList=positions.split（"）"）;

//获得坐标值

for（vari=0;i

//根据坐标，创建标记

varpt=posList[i].split（","）;

if（pt.length==2）{

varmarker=newBMap.Marker（newBMap.Point（

pt[0],pt[1]））;//创建点

map.addOverlay（marker）;//增加点

}

}

}

//添加折线，多边形覆盖物函数

functionaddPoly（positions,typeName）{

if（positions.length>0）{

//符号”）”将每个折线，多边形点集分开

varpolys=positions.split（"）"）;

for（varlen=0;len

{

//符号”）”将坐标点分开

varpList=positions.split（"|"）;

varpoints=newArray（）;

varpt=null;

for（vari=0;i

{

//将点的经度和纬度分开

pt=pList[i].split（","）;

//将点存入points的点的集合中

points.push（newBMap.Point（pt[0],pt[1]））;

}

//根据覆盖物的类型，添加相应的覆盖物

if（typeName=="polyline"）

{

//创建折线覆盖物

varpolyline=newBMap.Polyline（points）;

polyline.enableEditing（）;

//将覆盖物添加到地图上

map.addOverlay（polyline）;

}

elseif（typeName=="polygon"）

{

//创建多边形覆盖物

varpolygon=newBMap.Polygon（points）;

polygon.enableEditing（）;

//将覆盖物添加到地图上

map.addOverlay（polygon）;

}

}

}

}

//MapDatabase.aspx.cs文件（后台）

protectedvoidPage_Load（objectsender,EventArgse）

{

//查询marker覆盖物的信息

stringsqlString="SELECTp.pidasNO,longitude,latitude

FROMOverlayso,PositionpWHEREo.typename='marker'

andp.pid=o.id";

SelectDB（sqlString,"markerPos"）;

//查询polyline覆盖物的信息

sqlString="SELECTp.pidasNO,longitude,latitudeFROM

Overlayso,PositionpWHEREo.typename='polyline'and

p.pid=o.id";

SelectDB（sqlString,"polylinePos"）;

//查询polygon覆盖物的信息

sqlString="SELECTp.pidasNO,longitude,latitudeFROM

Overlayso,PositionpWHEREo.typename='polygon'and

p.pid=o.id";

SelectDB（sqlString,"polygonPos"）;

}

//查询数据库数据，并将数据格式化，存入Session中

privatevoidSelectDB（stringsqlString,stringkeyName）

{

//获取连接数据库的字符串

stringconnectionString=WebConfigurationManager.Conn

ectionStrings["ConnectionString"].ConnectionString;

//创建数据库连接

SqlConnectionconnection=newSqlConnection（connection

String）;

//判断数据库库的状态

if（connection.State==ConnectionState.Closed||

connection.State==ConnectionState.Broken）

{

//打开数据库

connection.Open（）;

}

//创建命令对象

SqlCommandcmd=newSqlCommand（）;

cmd.Connection=connection;

//执行数据查询的SQL语句

cmd.CommandText="selectlongitude,latitudefromPosTable";

//查询数据

SqlDataAdaptersda=newSqlDataAdapter（cmd）;

//创建数据集对象

DataSetds=newDataSet（）;

//使用数据适配器查到的数据结果，填充数据集对象

sda.Fill（ds）;

//获取数据集中的第一张数据表

DataTabledt=ds.Tables[0];

//字符串清空

stringposMsg="";

boolisFirst=true;

stringnumber="";

//遍历数据表，将数据存入到posMsg字符串中

for（inti=0;i

if（isFirst）{

number=markerData.Rows[i]["NO"].ToString（）;

isFirst=!

isFirst;

}

if（number!

=markerData.Rows[i]["NO"].ToString（））{

if（posMsg.Length>0）

posMsg=posMsg.Substring（0,posMsg.Length-1）;

posMsg+="）";

number=markerData.Rows[i]["NO"].ToString（）;

}

posMsg+=markerData.Rows[i]["longitude"]+","

+markerData.Rows[i]["latitude"]+"|";

}

if（posMsg.Length>0）//判断字符串中是否存有数据

//将字符串中的最后一个逗号截掉

posMsg=posMsg.Substring（0,posMsg.Length-1）;

//将获取的数据存入Session中，便于前台的使用

Session.Add（keyName,posMsg）;

connection.Close（）;//关闭数据口连接

}

//Web.config配置文件

"DataSource=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|

\OverlayDB.mdf;IntegratedSecurity=True;UserInstance=True"

providerName="System.Data.SqlClient"/>

五、实验结果及分析（计算过程与结果、数据曲线、图表等）

实验结果：

图四：

显示绘制图形的地图

结果分析：

创建地图实例，引入BaiduMapAPI的链接，通过后台的页面加

载，对数据库进行查询，将数据库中的地物坐标查询出来，将数据库

中的数据格式化，存入到Session中，实现与前台的数据通信，根据

Session中的数据，动态的创建覆盖物，并显示到地图上，图四为显

示marker,polyline和polygon的覆盖物地图，结果正确。

六、实验总结与思考

通过本次地图图形绘制实验，我掌握了ASP.NET，ADO.NET以及

BaiduMapAPI的结和使用的基本方法，使网页实现根据数据库中的

数据，动态的添加覆盖物，这时，只需要管理后台的数据，据可以

添加相应的覆盖，方便了对覆盖物的管理。

教师评语：