openlayers
文章平均质量分 61
分享vue+openlayers实用基础知识,基础示例(附源码)
专注成就自我
全栈工程师,精通java,python,html,css,vue,uniapp,webgis
展开
-
openlayers中Geometry抽象基类SimpleGeometry与GeometryCollection区别(附示例代码)
SimpleGeometry是Geometry抽象基类下的一个抽象类,用于表示简单的几何形状。它本身不直接实例化,而是作为其他更具体的几何类(如Point、LineString、Polygon等)的基类。GeometryCollection是一个集合类,用于表示一个或多个Geometry对象的集合。原创 2024-07-02 10:08:40 · 1010 阅读 · 0 评论 -
vue+openlayers之几何图形交互绘制基础与实践
绘制点、线、多边形、圆、正方形、长方形。原创 2024-07-01 16:34:57 · 780 阅读 · 0 评论 -
openlayers中map事件基础认识与实践详解
真正的单击事件,会延迟250毫秒以确保不是双击(所以双击时不会触发单击事件)。基本的地图点击事件,地图双击时也会触发2次,地图拖拽时不会触发。地图开始移动时触发,包括通过鼠标拖拽、键盘导航或动画引起的移动。地图移动结束时触发,包括通过鼠标拖拽、键盘导航或动画引起的移动。地图图层组发生变化时触发,如添加、删除或重新排序图层。双击地图事件,同时会触发两次地图单击事件click。地图视图对象(如中心点、缩放级别等)发生变化时触发。鼠标在地图上移动活动时触发该事件。鼠标在地图上拖拽时触发。原创 2024-06-30 16:54:55 · 566 阅读 · 0 评论 -
vue+openlayers中loadstart和loadend事件实战详解
OpenLayers中的loadstart和loadend事件是专门用于监测地图或图层资源加载状态的重要事件。原创 2024-06-30 17:33:54 · 172 阅读 · 0 评论 -
openlayers中map.on()与map.once()区别实战对比
通过map.on监听moveend地图移动触发事件,测试发现事件会多次触发,每移动一次都会触发到moveend事件。原创 2024-06-28 17:37:50 · 289 阅读 · 0 评论 -
openlayers+vue实现访问天地图WMTS图像服务详解
extent 是一个矩形范围,格式是[number, number, number, number] 分别代表 [left, bottom, right, top]为了提升渲染效率和加载速度,extent范围之外的瓦片是不会请求的,当然也不会渲染;官网地址:https://openlayers.org/en/latest/apidoc/module-ol_source_WMTS-WMTS.html。1.角落{‘左下’} {‘右下’} {‘左上’} {‘右上’}原创 2024-06-26 14:24:29 · 818 阅读 · 0 评论 -
vue+openlayers地图上实现网格线信息显示(附源码)
瓦片地图都是基于金字塔策略裁剪后的图片集,因此瓦片地图由级数、行列号对应的单张图片按照网格划分组织而成。在瓦片地图中显示当前的网格信息,有助于我们了解当前地图的瓦片组成情况。OpenLayers 框架封装了一个显示瓦片地图网格的数据源(ol.source.TileDebug),与加载瓦片地图类似,使用ol.layer.Tile+ol.source.TileDebug方式加载并显示当前网格信息。原创 2024-06-26 19:29:10 · 887 阅读 · 0 评论 -
vue+openlayers导出整幅地图为image图片(附源码)
vue+openlayers导出整幅地图为image图片(附源码)原创 2024-06-27 16:58:55 · 426 阅读 · 0 评论 -
OpenLayers之加载常用控件
OpenLayers之学习加载常用控件、默认控件,付源码原创 2024-06-20 18:45:11 · 159 阅读 · 0 评论