使用Openlayers v4时感觉需要记一下的东西

OpenLayers入门（一）

OpenLayers简介 OpenLayers（https://openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。 有如下特点： 支持任何XYZ瓦片资源，同时也支持OGC的WMTS规范的瓦片服务以及ArcGIS规范的瓦片服务 支持矢量切片，包括pbf、GeoJSON、TopoJSON格式 支持矢量图层，能渲染GeoJSON、TopoJSON、KML、GML和其他格式的矢量数据 支持OGC制定的WMS、WFS等GI

Openlayers 教程 05 - feature（图形要素）点击和双击事件

Openlayers 教程 - feature（图形要素）点击和双击事件。

Vue+Openlayers+forEachFeatureAtPixels实现鼠标单击时获取feature

场景 Vue+Openlayer使用overlay实现弹窗弹出显示与关闭: Vue+Openlayer使用overlay实现弹窗弹出显示与关闭_霸道流氓气质的博客-CSDN博客 在上面的基础上，怎样实现鼠标单击时获取点击的feature对象并对其进行操作。 forEachFeatureAtPixel 注： 博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、监听地图点击事件

开源GIS（七）——openlayers中单击获取要素（深度好文）

目录     一、引言   二、前台方法   1、interaction中select方法   2、map中forEachFeatureAtPixel方法   三、gis server方法   1、wms中getfeatureinfo   2、wfs中getfeature   四、后台方法   五、空间数据库方法   六、总结     一、引言  ...

Openlayers的空间查询wfs

Openlayers的空间查询，下面主要包括三种查询，分别是点击地图查询，过滤条件查询，多边形查询等。说明的文字不是很多，直接看代码，最后提供一份完整的代码，直接复制到html中就可以运行。 1.点击查询 点击查询主要是使用map的forEachFeatureAtPixel进行查询，首先需要给地图添加一个点击事件，如下所示： //点击查询 map.on('singleclick',function(evt){ var pixel = map.getEventPixel(e

ol版本导致forEachFeatureAtPixel命中检测ol.layer.VectorTile失败

//根据像素获取features getFeatureForPixel: function (e) { var features = new Array(); var pixel = map.getEventPixel(e.originalEvent); map.forEachFeatureAtPixel(pixel, function (feature, layer) { features.push(feature) }); return feat.

openlayer学习（一）

openlayer学习（一）一、前言二、官网三、初探 一、前言 因为工作需要，今天开始学习openlayer。 GIS专业毕业。刚开始工作的时候是做java后端，顺便基于skyline和cesium做一些。然后做了一些开发项目与测绘项目管理工作，顺便做了一点前端与原型Axure。后面又接触了一点ue4和三维倾斜数据的处理。总结下来，接触面虽然广，但是没有纵深。趁着现在工作需要，主要以二三维地图为主，深入学习一下openlayer与cesium。因为学生期间用的是c#，工作刚开始用的是java，spring那

openlayers 百度地图_近期内推职位集锦：知乎+车好多+三星+数码视讯+百度

找工作很难吗？快来关注 ir-job，这里有很多职位因招不到人而发愁！关注我，你一辈子不怕失业转发我，朋友都因你而涨薪敬请关注本号并转发本文到朋友圈，就可以加入非常hooooooot的内推群、实习群！加群请看底部，还有AI类书籍相送，实习生请标明： 实习！给心仪的公司投简历，老是没有反馈怎么办？面试过后，久久没有回音，到底哪里没表现好呢？那些令人向往的职位，真的都是非985、211不录取...

openlayers的getFeaturesAtPixel的使用

getFeaturesAtPixel使用过程发现的问题

Web端MVT矢量瓦片加载之OpenLayers篇

前言 MVT全称是Mapbox Vector Tile，是Mapbox标准的矢量切片。矢量瓦片具有创建效率高、传输和渲染速度快、数据和风格样式独立，更改配图方案无需重新创建瓦片、高显示质量，能够很好地支持高分辨率显示屏等特点。SuperMap iClient产品很好的支持了MVT矢量瓦片在Web端的加载，本文主要以iClient for Openlayer为例给大家展示一下如何在Web实现MVT瓦...

地图上有多个geojson图层时，如何筛选图层实现点击事件（过滤图层） Openlayers+Vue2（附点击出现popup弹窗源码）

地图上有多个geojson图层时，如何筛选图层实现点击事件（过滤图层） openlayer+Vue2（附点击出现popup弹窗源码）

Openlayer随记

绑定事件 鼠标点击事件：click 鼠标划过矢量要素事件：pointermove （划过要素时，设置鼠标为手势：this.map.getTargetElement().style.cursor="pointer";） this.map.on("click", (e) => { console.log("e:", e); }); 获取屏幕坐标 通过e.pixel获取屏幕坐标 通过this.map.getEventPixel(e.original...

8.openlayers中单击获取要素

【代码】8.openlayers中单击获取要素。

openlayer 常用方法总结

想看vectorSource具体长什么样子的，请看下面这个截图。想看几何图形具体长什么样子的，请看下面这个截图。想看返回值具体长什么样子的，请看下面这个截图。

OpenLayer3.x与4.x开发总结(持续更新)

最近来实习的地方，然后具体是好是坏也不知道，和自己想象的不一样，不知道是去是留，关于GIS开发的问题感觉不再是多大难度的问题，自己也也可以快速对api适应。平时遇到一些OL3的琐碎知识点进行整理。 一、关于加载天地图的函数封装 代码封装： function getTdtLayer(lyr) { var url = "http://t{...

二十四、openlayers官网示例Custom Interactions——自定义交互实现在地图上移动、拖拽feature

然后创建了一个类继承原本的PointerInteraction，将四个事件作为参数传递给PointerInteraction。这里移动要素用了一个geometry.translate()方法，如果我们自己写方法来完成移动的话会比较麻烦。重新定义了一个Drag类，我放在了utils下的Drag.js中便于多次使用。这个示例介绍了如何在地图上自定义一个交互实现在地图上拖拽、移动要素。首先是加载了三个要素到地图上，一个点、一个多边形、一条线。可以看下源码中PointerInteraction的定义。

Openlayers4设置鼠标经过要素样式

因为实际需要，要在地图上设置鼠标经过一个矢量要素的时候，变换样式。使用Openlayers还是很容易实现的，代码如下： map.on('pointermove',function(e) { var pixel=map.getEventPixel(e.originalEvent); var feature=map.forEachFeatureAtPixel(pixel,fun...

实践：vue集成使用openlayers天地图，将静态图片作为底图

最近项目上要使用openlayers做业务需求，过了这么久终于有时间闲下来写文章了。使用的ol版本：^6.5.0。使用的版本不同调用openlayers的Api会有变化，请注意。

OpenLayers标记地图点及点击地图点显示自定义弹出框

css代码(设置弹出框样式) /*设置弹出框样式*/ .ol-popup { position: absolute; background-color: #eeeeee; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));