使用OpenLayers 5在地图上添加旋转的卫星图像
我正在尝试使用OpenLayers 5在地图上添加卫星图像。 问题是我无法做到这一点，因为我刚刚找到了一个选项，可以在地图上添加经过图像范围(xmin、ymin、xmax、ymax)而不是边界框的图像。图像应适合边界框内。因此，图像被扭曲。 图像在JPG文件中(属性Feature.Properties.ICON)。示例：http://exampleserver.com/220/063/
..
openlayers-5相关内容
点击较小的集群时继续放大
我使用的是OpenLayers 5.3。当点击或点击较小的集群时，我希望继续放大。我已经使用了一些代码来实现这种要求，但它不起作用。 getStyleForCluster = (size: number): ol.style.Style => { let clusterStyle = (window).styleCache[size]; if (!clusterSt
..
如何在OpenLayers 6.x中旋转静态图像
我需要在OpenLayers 6中创建和旋转静态图像层。 正在使用url和ImageExtent创建静态图像，我可以在地图中看到图像。 new ImageLayer({ source: new Static({ url, imageExtent: [ minX, minY, maxX, maxY] }) 现在，我需要旋转此图像
..
如何在OpenLayers 5.3.0中裁剪和显示裁剪的矢量几何图形
我必须根据主/限制向量层来剪裁向量层。绘制时，如果绘制的层的某一部分位于限制层之外，则裁剪位于限制层外部的区域。 示例1。 如我们所见，底部边框的一部分是外部限制(紫色层) 我想知道是否可以在将要素添加到限制层外的裁剪区域时 示例2.移除限制层外的区域(绿色) 我尝试使用(Turf.js)库中的bboxPolygon函数计算几何图形。我甚至尝试使用boolanWiThin来
..
在 Openlayers 5 中使用 angular 7 Universal
我有一个使用开放层 5.3 的 angular 7.2 应用程序.我正在尝试为此应用程序设置 angular 通用，但是当我运行通用服务器 (node dist/server.js) 时，由于未定义仅客户端变量，我遇到了一些错误，例如作为 window. webpack:///./node_modules/ol/has.js?:54var DEVICE_PIXEL_RATIO = window.
..
openlayers 5 中矢量图层的交互功能
我正在使用 openlayers 5.1.3，我对如何创建单击矢量图层特征的功能感到困惑，准确地获取我单击的特征，然后获取其属性.我正在关注 this 示例，这是我发现的唯一相关示例. 我有一个空矢量源，可以在搜索后获取 GeoJSON 数据 初始化地图和向量 this.vectorsource = new VectorSource({});this.vectorlayer = ne
..
将地图设置为 angular6/openlayers 中的变量
我使用 angular 6 和 openlayers 5.1.3.我成功地做了 npm install ol --save 然后在我的角度我做了 从'ol/map'导入OlMap；从 'ol/source/xyz' 导入 OlXYZ；从 'ol/layer/tile' 导入 OlTileLayer；从 'ol/View' 导入 OlView；从 'ol/proj' 导入 * 作为 OlProj；
..
将地图设置为 angular6/openlayers 中的变量
我使用 angular 6 和 openlayers 5.1.3.我成功地做了 npm install ol --save 然后在我的角度我做了 从'ol/map'导入OlMap；从 'ol/source/xyz' 导入 OlXYZ；从 'ol/layer/tile' 导入 OlTileLayer；从 'ol/View' 导入 OlView；从 'ol/proj' 导入 * 作为 OlProj；
..
将图标图像大小缩放为绝对值
我正在开发一个应用程序，其中一个功能是使用开放图层在地图上显示设备.这些设备可以由用户添加，并且它们都可以使用上传的图像自定义图标图像.该图像也可以在运行时根据某些设备属性(例如温度)进行更改.根据我阅读他们的文档的理解，ol.style.Icon 对象上有一些属性，如 imgSize，它们都是切割的，但不缩放图像.还有一个称为 scale 的其他属性，它实际上可以缩放图像.但由于图像大小可能会有
..
如何在 Openlayer 中单击从样式几何生成的任何平行线时单击哪个 lineString
在修改了 http://jsfiddle.net/CPRam/egn1kmc8/. 在样式函数中使用带有调用函数的几何图形时，我没有在样式的单击事件中获取几何图形.因此，为此，我删除了调用函数并为平行距离提供了固定分辨率. 所以现在在 'singleclick' 事件中，我能够获得具有所有样式及其几何形状的特征.但是这里在 map.on('singleclick',function(e
..
如何提高 getFeaturesAtPixel 的性能?
我使用“map.getFeaturesAtPixel"方法在鼠标点击交互下准确获取第一个特征. 即使该方法不返回单个特征，而是返回图形表示击中点击点的所有特征，这也按预期工作. 这种行为是“可以接受的"，但事实证明，一旦我们缩小它的性能就会下降，并且许多特征被浓缩并显示为大量特征...... 我知道这不是在地图上显示要素的理想方式，但在某些情况下可能会发生. 无论如何，我尝
..
在OpenLayers 5中直接在地图上绘制大圆线?
是否可以直接在OpenLayers 5中画大圆线，而不用把LineString分成很多小部分，比如https://openlayers.org/en/latest/examples/flight-animation.html? 这里是关于使用大圆线的用户体验问题. 修改功能(https://openlayers.org/en/latest/examples/modify-test.ht
..
OpenLayers修改要素样式而不会覆盖交互样式
是否有任何方法可以修改单个功能的样式，而无需在选择交互时修改默认样式? 这是显示我的问题的简单代码，以及 jsfiddle 最小html:
还有一个简单的脚本: let vec
..
单击打开图层版本5的标记上的功能
我正在使用开放层库版本5.我需要标记上的onClick事件来执行一些业务逻辑.任何人都可以帮助我，谢谢.我已经尝试了所有代码和摘要.我正在使用该库来响应js. import Feature from "ol/Feature"; import point from "ol/geom/Point" import Style from "ol/style/Style"; import
..
使用OpenLayers 5显示地理参考图像
我正在尝试开发一个用户可以对扫描的地图进行地理配准的应用程序.您可以在此处查看示例: https://codesandbox.io/s/2o99jvrnyy 有两张图片: assets/test.png -不旋转 assets/test_rotation.png -旋转 第一个图像已正确加载到地图上，但旋转的图像未正确加载. 我找不到有关OpenLayers 5是否可以处理具有
..
使用OpenLayers，如何在一个图层上显示不同功能的不同图标?
首先，我总体上是Openlayers/JS的新手，并且总体上对编程没有任何经验，因此我的代码可能还有其他我不知道的问题. 我正在使用最新版本的Openlayers(5.3.0). 我的程序当前通过Ajax传递GeoJson格式的数据，以显示在Openlayers地图上.它为要显示的要素创建地图，视图和图层.当我按页面上的“开始"按钮时，要素将成功加载到地图上.在我的情况下，特征只是使用
..
openlayers 5中矢量层中的交互功能
我使用的是openlayers 5.1.3，我对如何创建单击矢量层要素的功能，完全获得单击的要素并获得其属性的功能感到困惑.我正在跟踪此示例，这是我发现的唯一相关示例. 我有一个空的向量源，可以在搜索后获取GeoJSON数据 初始化地图和矢量 this.vectorsource = new VectorSource({}); this.vectorlayer = new Vec
..
在单击Openlayers 5上动态更改点/标记
我在尝试在OpenLayer Map小部件中实现动态标记时遇到问题.我希望将标记/点放置在地图"onclick"上.我希望在新位置刷新一下标记，而不是在每次单击鼠标时都放置新的标记/点.我一直在尝试找到有关图层/矢量的一些文档，并且在理解如何刷新/替换图层时遇到困难... 这是我当前用于地图的OL代码，可通过鼠标单击来更新两个输入的纬度和经度: var map = new ol.Map
..
将地图设置为angular6/openlayers中的变量
我使用angular 6和openlayer 5.1.3.我成功完成了npm install ol --save，然后我做到了 import OlMap from 'ol/map'; import OlXYZ from 'ol/source/xyz'; import OlTileLayer from 'ol/layer/tile'; import OlView from 'ol/View';
..
Openlayers:并排共享视图........如何正确解除绑定?
我使用了openlayers.org提供的共享视图示例的调整版本:var layer = new TileLayer({ source: new OSM() }); window['view1'] = new ol.View({ center: [0, 0], zoom: 1 }); window['view2'] = new ol.View({ center: [0, 0], zoom: 1 }
..