前端使用Jquery和leaflet展示地图,前端jquery封装的ajax通过js的后端运行环境node.js实现和postgres空间数据库的交互。主要实现功能(源代码下载链接在评论区):
1.数据可视化;
2.地图样式更改;
3.空间定位;
4.缓冲区绘制;
5.地图数据条件请求。
下面这个是之前写的系统:
leaflet+geoserve+jquery实现简单Webgis系统(附源码下载)
相比于之前的webgis系统最大变化是这次地图展示的的数据源不是Geoserver发布的图层了,而是postgres中存储的空间数据了(需要将geom格式转化为Geojson格式),并且在一些地方做了优化处理:
1.使用了jscolor插件代替之前输入的RGB10进制,体验感增加;
2.UI界面进行了简单优化,看起来比之前的舒服不少;
3.图层组中的会相应新增的图层,可以选择图层的可见性;
4.鼠标悬浮效果也可以在绘制的缓冲区上显示;
5.插件都实现本地化了,只有少数几个插件本地引入麻烦还是使用BootCDN的复制<script>标签
6.对之前的leaflet.js文件根据功能拆分成多个js文件,方便管理;
7.如果请求的是点图层,最大实现了7种点图标可以选择;
8.实现SQL语句添加查询(后续有时间可以实现CURD)。
存在的问题:点图层使用更换样式对点图层所有要素进行一一遍历修改icon无效!!!!!(哪位大神可以解决?)