OpenLayers
积累学习openlayer的点点滴滴
llbzwb
埋头苦干的同时,别忘了抬头看看远方的路!
展开
-
八、OpenLayer一些常用的方法总结
9、渲染监听,适用于监听图层绘制,以及实时改变自己定义的一些元素的位置。1、获取地图的视角范围。原创 2023-08-21 14:27:21 · 586 阅读 · 0 评论 -
七、OpenLayer量算功能
openlayer没有封装直接可用的测量接口,需要自己通过绘制线段和面,再去求长度或者面积。原创 2023-08-21 13:21:20 · 98 阅读 · 0 评论 -
六、OpenLayer矢量绘制
openlayer提供Draw类来实现地图绘制点、线、面、圆等功能。原创 2023-08-21 12:24:11 · 155 阅读 · 0 评论 -
五、OpenLayer点击查询
这种矢量图层属性信息是直接存储在前端的canvas里面的,我们可以直接获取到它,前提是你在添加要素时已经动态给他赋值上(properties属性,上一节图层介绍有注释)或者添加的geojson格式对象的数据,否则点击获取的也是空对象。这种是栅格图层,理解为就是图片,属性信息是没有存储在前端的。比如arcgis server, 超图的iserver,都提供了空间查询的服务接口,需要自行去拼接参数请求获取对应数据。这块其实要分多种类型,因为不同图层和服务获取属性信息的方式和地址也不一样。原创 2023-08-21 11:24:48 · 558 阅读 · 0 评论 -
四、OpenLayer图层样式设置及图层控制
样式设置一般都是矢量图层vectorlayer。我喜欢用这种回调函数的方式设置,因为可以根据要素特定的值去灵活改变。当然也可以直接= new Style()具体的大家可以去看api文档,跟css一样有很多丰富的样式。图层控制的方法很简单,就一笔带过了。注意的是直接设置图层属性是不管用的。原创 2023-08-18 14:21:14 · 1581 阅读 · 0 评论 -
三、OpenLayer常用图层介绍
3、ImageLayer 影像图层 它是基于图片的图层类型,适用于一次性加载一张完整的图片来显示地图数据。wmts有些参数比较复杂,需要自己去看服务元数据的参数,比如矩阵也就是切片层级的名称,瓦片层级等。2、VectorLayer 矢量图层,这个图层主要是添加自己的绘制的一些要素。1、TileLayer 瓦片图层。一般加载切片图层(wmts,wms)是三种常见的图层类型,它们在加载和显示地图数据的方式上有一些区别。VectorLayer使用比较灵活,可以自定义样式,图层要素等。原创 2023-08-18 14:01:41 · 998 阅读 · 0 评论 -
二、OpenLayer创建地图
否则定位的中心点就会偏移,地图出现空白现象。关于图层介绍在下一节。原创 2023-08-18 11:49:01 · 103 阅读 · 0 评论 -
一、openlayer开发介绍
个人喜欢直接在上面直接这样定义:const Map = ol.Map;就不用加那些类名属性了。当时npm导入的话,直接就是:import { Point } from "ol/geom";3、引用cdn在线的,不推荐,毕竟在线的受网络影像,但是做做demo样例可以用。1、import方式,也就是npm安装,npm install ol。首先需要引入openlayer api开发包。下载后直接放入本地项目,在html文件引入即可。可以直接这样用:ol.Map,ol.layer。里边有源码,有打包的文件。原创 2023-08-18 11:12:42 · 1195 阅读 · 0 评论