149: vue+openlayers 绘制矩形,显示首尾点和中心点坐标值,同时获取所有点的经纬度
Vue 获取 显示 所有 绘制 同时 矩形 经纬度
2023-09-14 09:09:16 时间
第149个
本示例的目的是介绍如何在vue+openlayer中使用drawstart,drawend方法,利用createBox来绘制矩形。同时利用feature.getGeometry().getLastCoordinate() 获得第一点或者最后一点。 另外利用extent的getCenter方法来获取中心点,即new getCenter(feature.getGeometry().getExtent())。
直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果
文章目录
示例效果
相关文章
- vue过滤动画
- vue.js3:使用clipboard.js实现复制到剪贴板(vue@3.2.37 / clipboard@2.0.11)
- vue.js 3.2.20: 用rem实现移动端和pc的兼容
- vue项目怎么进行seo的优化白屏太久怎么处理?
- vue 向对象中添加未在data中声明的属性
- 怎么获取vue项目的配置项?比如获取ip地址和端口
- Vue中拆分视图层代码的5点建议
- vue 获取 DOM 元素的方法
- vue获取dom元素注意问题
- vue中使用less
- 198:vue+openlayers 解决drawend后不能获取当前feature的方法
- 176:vue+openlayers 给feature填充pattern模式颜色
- 171:vue+openlayers 获取两个多边形的交集、差集、并集
- 139:vue+openlayers 单击某点,获取当前坐标-多层重叠下的所有features信息
- vue常用修饰符
- Vue中的 v-show 和 v-if 的区别