网站开发 图片储存,潍坊企业网站,wordpress html5,wordpress 后台管理模板GIS跟踪监管系统电子围栏 #xff08;1#xff09;电子围栏展示。① 显示#xff1a;② 隐藏#xff1a;#xff08;2#xff09;电子围栏修改。① 新增电子围栏。② 修改电子围栏。工具箱#xff08;1#xff09;测量。① 测量距离#xff1a;② 测量面积#xff1a… GIS跟踪监管系统电子围栏 1电子围栏展示。① 显示② 隐藏2电子围栏修改。① 新增电子围栏。② 修改电子围栏。工具箱1测量。① 测量距离② 测量面积2热力图。 本系统的电子围栏是一种地理电子围栏用于物资的跟踪监控将物资与相关电子围栏关联当物资实时移动时查询物资是否超出电子围栏如果超出电子围栏则客户端页面提示该物资已超出电子围栏。
1电子围栏展示。
① 显示
创建电子围栏geofencingLayer图层组并将其添加到地图中单击工具栏中的“围栏”下拉按钮在弹出的下拉列表中选择“显示”选项获取所有的电子围栏数据将电子围栏数据以几何要素图层形式添加到geofencingLayer图层组并显示在地图上如图
② 隐藏
在“围栏”下拉列表中选择“隐藏”选项geofencingLayer图层组调用clearLayers()函数清除图层组中的电子围栏数据调用geofencingLayer.clearLayers()函数即可移除地图中的所有电子围栏。 本系统电子围栏显示与隐藏实现代码如下 代码说明通过Ajax的GetGeofencing接口获取电子围栏数据通过addGeofencingToMap()函数将电子围栏数据添加到地图中代码如下 代码说明使用addGeofencingToMap()函数将电子围栏数据添加到featureGroup图层组在地图上显示并缩放至可查看所有电子围栏的范围。
2电子围栏修改。
在工具栏的“围栏”下拉列表中选择“编辑围栏”选项弹出围栏编辑需要的工具编辑电子围栏功能有新增电子围栏、修改电子围栏、删除电子围栏。
① 新增电子围栏。
单击“新增”按钮在地图上绘制电子围栏参考程序代码7-3绘制完成后弹出相应的对话框输入电子围栏名称单击“确认”按钮后通过Ajax请求将数据提交到后台服务后台服务在数据库中新增一条电子围栏记录地图上加载新增成功的电子围栏要素。
② 修改电子围栏。
单击“修改”按钮在地图上拖动电子围栏几何顶点或中心修改电子围栏要素参考程序代码7-6修改完成后弹出相应的对话框可以修改电子围栏名称单击“确认”按钮后通过Ajax请求将数据提交到后台服务后台服务在数据库中更新该电子围栏数据地图加载更新完成电子围栏要素。 ③ 删除电子围栏。单击“删除”按钮在地图上单击电子围栏要素参考程序代码7-8弹出相应的对话框询问是否要删除电子围栏单击“确认”按钮后通过Ajax请求将电子围栏ID提交到后台服务后台服务删除数据库中的电子围栏记录删除成功后地图移除该电子围栏要素。
工具箱
1测量。
在工具栏中单击“工具”下拉按钮在弹出的下拉列表中选择“测量”选项打开“测量”对话框激活“长度”按钮在地图上测量折线之间的距离激活“面积”按钮在地图上测量多边形区域的面积激活“清除”按钮将测量结果图层及数据删除。
① 测量距离
单击“长度”按钮激活测量距离工具。绘制折线在绘制过程中不允许折线相交在地图上双击即可完成绘制绘制结果显示在折线的中心。
② 测量面积
单击“面积”按钮激活测量面积工具。绘制多边形在地图上双击即可完成绘制绘制结果显示在多边形的中心。 代码说明使用leaflet.draw.js插件插件下载地址为https://github.com/Leaflet/Leaflet.draw绘制折线L.Draw.Polyline、多边形L.Draw.Polygon单击“长度”按钮、“面积”按钮激活绘制的折线和多边形使用鼠标在地图上绘制几何图形然后将几何图形添加到测量measureLayers图层组中。单击“清除”按钮清空测量measureLayers图层组中已添加的几何图形。
2热力图。
热力图是以特殊高亮的形式显示不同仓库物资的数量多少及其所在的地理区域如图7-24所示。通过热力图可以直观地查看物资聚集情况对物资在区域的整合、调度提供参考。 在工具栏中单击“工具”下拉按钮在弹出的下拉列表中选择“热力图”选项激活热力图功能在地图上添加热力图图层再次选择“热力图”选项关闭热力图图层。本系统热力图实现代码如下
