美章网 资料文库 师院电子地图的策划与实行范文

师院电子地图的策划与实行范文

本站小编为你精心准备了师院电子地图的策划与实行参考范文,愿这些范文能点燃您思维的火花,激发您的写作灵感。欢迎深入阅读并收藏。

师院电子地图的策划与实行

地图显示功能

1整张地图显示

利用Openlayers可直接实现地图的导航条、拖动、放大、缩小、漫游、全屏显示、图层控制、地图坐标显示等功能,可随意调整大小,以便以最佳效果显示.关键代码如下:map.addControl(newOpenLayers.Control.MouseDefaults());//拖动、放大、缩小‖map.addControl(newOpenLayers.Control.KeyboardDefaults());//上移、下移、左移、右移‖map.addControl(newOpenLayers.Control.LayerSwitcher());//实现图层控制‖map.addControl(newOpenLayers.Control.PanZoomBar());//实现地图的拉杆导航操作‖map.addControl(newOpenLayers.Control.MousePosition());//实现鼠标的坐标点显示位置‖

2建筑物的显示

显示各建筑物是本地图的一大功能,主要显示建筑物的选择定位和建筑物具体信息,实现过程分以下两个步骤.

1)设置加载的图层样式,关键代码如下所示:"select":newOpenLayers.Style({‖graphicWidth:30,//点对象的宽‖graphicHeight:30,//点对象的高‖externalGraphic:"img/marker-gold.png",//如果选择对象是点对象的话使用另外的图标样式显示‖fillColor:"blue",//填充样式为蓝色‖fillOpacity:0.4,//透明度‖hoverFillColor:"white",//热链接的填充颜色为白色‖hoverFillOpacity:0.8,//热链接的填充透明度‖strokeColor:"blue",//对象边框色‖strokeOpacity:1,‖strokeWidth:1,//对象边框宽度‖strokeLinecap:"round",‖strokeDashstyle:"solid",‖hoverStrokeColor:"red",‖hoverStrokeOpacity:1,‖hoverStrokeWidth:0.2,‖pointRadius:6,‖hoverPointRadius:1,‖hoverPointUnit:"%",‖pointerEvents:"visiblePainted",‖cursor:"pointer"‖})‖.

2)注册对象的点击事件.mi_Vectors.events.register("click",mi_Vectors,Aardvark7JavascriptLib.vectorclick);图1系统功能模块图Fig.1Systemfunctionmodulechart即可在点击对象时触发Aardvark7JavascriptLib.vectorclick事件,在此事件中可打开气泡窗口,获取对象编号,然后,通过Ajax中的Aardvark7JavascriptLib.GetValue函数与后台交互,在气泡窗口中展示信息.

地图查询功能

查询功能在大地图中更重要,在搜索栏中输入要查询的标志物,单击搜索按钮,即可查询该标志物.

系统维护

用户登录分为普通用户登录和管理员登录,前者有登录、注册、浏览、查询权限,后者有地图管理和用户管理权限.本系统的特点是管理员前台修改功能方便、直接,登录后可对建筑物直观地添加或删除点、线和不规则形状,同样方便地添加和修改建筑物的文字信息、图片信息和视频信息,关键程序代码如下:privatevoideditPic(HttpContextcontext)‖{‖stringsql="",ls_1="",ls_fy="";‖stringl_sql=(string)context.Request["sql"];//‖stringl_where=(string)context.Request["whe"];‖sql="select*from"+l_sql+l_where;//组织sql语句‖DataSetds=UcfarDB.Create().ExecuteDataSet(sql);//获取数据集‖ls_1=getstring(ds.Tables[0],l_sql,l_where);//生成html的数据结构‖context.Response.CacheControl="no-cache";//客户端不用缓存数据‖context.Response.Write(ls_1);//传递到客户端‖}‖.

系统实现效果

1系统主界面

本系统全面地实现了上述各项功能,其主界面如图2所示.

2部分功能模块效果

2.1整张地图显示

图2左上角有显著的导航条,导航条上半部是上下左右移动的四个按钮,实现四个方向的移动功能;下半部分是缩放按钮,可按照不同比例缩放,在地图上的非建筑物位置随意拖动鼠标,可实现整张地图的移动显示功能.

2.2建筑物显示

光标移动到相应标志物上方,即变成选中状态,该标志物颜色变深,此时点击左键,即出现显示框显示该标志物的具体信息,还可选择图片或视频以显示更多信息.效果见图3.

2.3系统维护功能

管理员进入后台管理时,可方便地选定建筑物和添加有关信息,它适合于学校增加新的建筑物或建筑物发生改变时,使得系统具有良好的升级空间.在进入后台后,可在左边位置看到如图4所示的按钮,这些按钮有设置和维护功能,选择加任意形状按钮,在建筑物上画任意形状图形,当形成一个闭合图形后弹出属性录入入口,添加名称和显示内容,如图5所示.选择图片或视频添加按钮,出图片/视频增加对话框,添加建筑物图片和视频信息,如图6所示.

结束语

本系统是根据校园地理结构设计的,精确反映了校园内的各种地物信息,具有显示、查询和维护功能,特别是当地图更新时,管理员可以非常直观、方便地对系统进行升级.系统界面友好、方便,可以作为校园网子系统使用,有助于校园规划建设和管理,为新生和家长以及其他初次到访校园人员提供导向功能,为高校带来良好的社会效益.当然,本系统在距离测量和空间分析等方面功能表现较弱,是今后系统进一步升级中需要加强的部分.

作者:黄梅红单位:泉州师范学院应用科技学院