![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGIS
文章平均质量分 50
の月光の
我是真的菜
展开
-
Vue + Openlayers入门教程(七):实现绘制几何功能
拉绘制类型选择框,选择绘制类型后,光标由箭头转变为十字形,在地图上进行左键点击即可以绘制一个点,移动鼠标进行拖拽绘制,双击左键即完成当前绘制,会将当前绘制的几何要素存入临时绘制图层。点击完成绘制,即会弹出绘制保存窗口,可以选择保存到已有矢量图层,或通过输入图层名称来新建矢量图层进行保存。原创 2023-06-29 15:17:54 · 188 阅读 · 0 评论 -
Vue + Openlayers入门教程(六):实现信息弹窗功能
信息弹窗会自动获取鼠标当前位置下的所有矢量图层信息,包括当前坐标、矢量类型与图层名称。如果同一个点击区域有不同矢量图层覆盖,可以点击切换按钮进行信息描述切换。原创 2023-06-29 15:16:29 · 466 阅读 · 2 评论 -
Vue + Openlayers入门教程(五):Turf.js 实现距离量算功能
点击大地线测量按钮,光标由箭头转变为十字形,在地图上进行左键点击即可以绘制一个点,移动鼠标并点击,即可测量不同点之间的大地线距离。原创 2023-06-29 14:56:33 · 201 阅读 · 0 评论 -
Vue + Openlayers入门教程(四):Turf.js 实现缓冲区分析功能
点击加载缓冲区数据,即在地图上显示预先设定好的分析数据源,点击缓冲区分析,即会对分析数据源进行缓冲区分析。原创 2023-06-29 14:47:42 · 534 阅读 · 0 评论 -
Vue + Openlayers入门教程(三):图层管理功能
点击图层管理按钮,即可弹出可以自由拖拽的图层列表,当前地图上加载的图层名称与显示状态与复选框的值进行了双向绑定,可以实现图层数据显示的管理。原创 2023-06-29 14:11:01 · 183 阅读 · 0 评论 -
Vue + Openlayers入门教程(二):矢量要素搜索功能
在搜索框中输出搜索关键字,即可对关键字在矢量要素图层中进行模糊查询,并标注出查询结果。原创 2023-06-29 13:53:46 · 184 阅读 · 0 评论 -
Vue + Openlayers入门教程(一):WMS、WFS、WKT、WMTS、GeoJSON、天地图加载与GeoServer安装、发布图层
介绍了Geoserver的安装、图层发布与openlayers加载WMS、WFS、WKT、WMTS、GeoJSON、天地图原创 2023-06-29 11:56:36 · 452 阅读 · 0 评论