![](https://img-blog.csdnimg.cn/direct/4923ae3b0a4b4b4c821c076426d852e7.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Openlayers
openlayers应用实例
ThinkLess404
全栈开发,物联网,Webgis
要做的事今天就去做吧!
展开
-
Openlayers测量距离和面积
开发GIS系统,我们都会提供基本的一些测量功能给用户使用,用于测量地图上的距离和面积,这里我们使用openlayers实现此功能。原创 2024-06-19 14:33:12 · 425 阅读 · 0 评论 -
【openlayer实现动态效果的点渲染】
需要在地图上显示物联设备的状态,需要比较显眼的方式,通过一定的动态效果展示。通过矢量图层的样式其实是比较难实现一些好一点的动态效果的,查询API发现了有一个ImageCanvas的Source,通过canvas那就可以做很多事了。openlayers6 中也可以通过layer的 prerender和postrender去更改样式中的参数实现动态效果,如修改样式的颜色,透明度,圆半径等。也可以定义一些其它实体,实现自己的draw方法,就可以在同一个source中添加数据后渲染不同的内容。原创 2024-03-17 14:16:20 · 587 阅读 · 0 评论 -
使用openlayers实现在瓦片图层上做图像编辑
对区域边界添加边界线来重点显示区域。要实现此功能,需要用到openlayers中Layer类的 preCompose 和 postCompose,这样我们可以获取到context用来操作画布。原创 2024-03-16 16:26:50 · 452 阅读 · 0 评论 -
openlayers实现路径导航效果
最近做项目遇到一个需求,要显示采集的用户的行动轨迹,类似导航软件的规划路径,有起点终点,路径上通过箭头指向到终点位置。前端通过openlayers实现。路径的styleFunction,可以设定轨迹颜色,轨迹宽度,箭头密度,箭头颜色,箭头大小等参数动态获取styleFunction,满足不同要求。原创 2024-03-16 12:33:34 · 1200 阅读 · 7 评论