leaflet+postgres+postgis(附源码下载)

      前端使用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无效!!!!!(哪位大神可以解决?) 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不要随地大便

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值