• OpenLayers从值数组创建栅格网格

    我正在尝试从数据数组创建栅格网格并在OpenLayers中显示地图。我找到了一个示例,但它是针对OpenLayers v2的,我无法弄清楚如何使用最新版本的OpenLayers(5或6)来做到这一点。 Example with OpenLayers 2: http://dev.openlayers.org/sandbox/august/trunk/playground/raster/raster-array.html 我知道我要创建的栅格范围以及像元大小和投影。这个想法是使用javascript数组中的值...
  • 当用户将鼠标悬停在Openlayers地图上时,Angular会重新渲染

    我正在与Angular 8一起在项目中使用Openlayers 6。 直到现在,我注意到,只要将鼠标悬停在Openlayers地图上,就会重新渲染地图所在的Angular组件。 我的问题是我如何使父组件始终停止在该悬停时重新渲染。因为它会使应用程序变慢。我的项目中有一个更大的组件,因此,要重新渲染所有内容,将使应用程序本身变慢。 For this purpose i created a repo to demonstrate this: https://github.com/petrovichm/angul...
  • 计算多边形的空白空间

    我目前正在Openlayers中进行一个项目,我们允许用户绘制多边形。仅允许将这些形状绘制在另一个多边形内,为清楚起见,我将其称为可跟踪区域。为了满足客户的要求之一,我需要找到可跟踪区域的空白区域。我已经找到空白区域的面积,但是我对如何将空白区域计算为多边形一无所知。 请以下图为例。 “矩形”是可跟踪区域多边形,彩色形状是用户绘制的多边形。空白是我要计算为另一个多边形的目标。
  • jQuery函数:调用另一个JQ函数时引用错误

    整个晚上 我遇到了一个问题-似乎是JS函数加载问题。基本上,我收到ReferenceError:当我从一个JS文件调用另一个函数时,未定义reOrderMapLayers消息。 从NPM(Openlayers-workshop)安装后,我正在运行OpenLayers。它与创建OpenLayers应用程序所需的所有内容打包在一起,并包括一些package.json文件,这些文件负责加载基本的index.html,main.js文件。 我要做的是让main.js文件与加载/管理OpenLayers层以及相关功能...
  • OpenLayers中线功能的多个样式不同的标签

    我试图根据附加到线/标签的属性,将不同的样式应用于对象(线)的多个标签。我正在尝试使标签彼此更接近。 [制作标签闭合] [1] https://7y5ly.csb.app/ Here's what I tried so far https://codesandbox.io/s/line-label-style-7y5ly 谢谢 new Style({ stroke: new Stroke({ color: "blue", width: 3 }), text...
  • 重新定位后Javascript OpenLayers填充不透明度增加

    我创建了一个测试项目,试图在其中学习如何使用OpenLayers。我尝试对远程地理服务进行获取请求。每当我在地图上重新定位填充的多边形时,不透明度就会增加。因此,我认为多边形相互重叠。在这里,您可以查看我从中获取JSON数据的URL。这是通过本地主机上的Node JS服务器完成的,因为原始链接不支持CORS。 var text = "http://localhost:3030/map/https://geoservices.landbouwvlaanderen.be/PUBLIC/wfs?ser...
  • Select事件上的Openlayers setState

    我正在尝试在单击功能时触发React setState。我尝试编辑selectedFeature并将其属性显示在屏幕上。但是,每次我尝试执行click方法时,都会收到“ TypeError:无法读取未定义的属性'setState'”错误消息。 componentDidMount() { ... function featureSelected(event) { console.log(event.selected[0].getProperties()); this....
  • 创建自定义控件并关联到HTML元素

    我使用OpenLayers 6。 我尝试创建单击时触发的自定义地理位置控件。 HTML按钮位于地图外部。 此处在地图外部定义按钮位置按钮: <div data-role="footer" data-position="fixed" class="centered-butons"> <div data-role="controlgroup" id="footerControls" data-type="horizontal" style="text-align: center" data-the...
  • 创建弹出窗口并显示数据

    我在项目中从OpenLayers 2迁移到OpenLayers 6。 在OpenLayers 2项目中,当我单击 矢量层我会在弹出窗口中获得有关功能的描述。 这里的代码: function createVectorLayer(layer) { var l = new OpenLayers.Layer.Vector( layer.Title, { eventListeners: { 'featureselected': funct...
  • 向openlayers地图添加文本的最简单示例?

    我想在特定的纬度和经度上向OpenLayers地图添加文本标签。 我一直在努力寻找一个简洁的示例,该示例不涉及从文件等中提取数据。我已经能够在我的地图和内容中添加多边形,图标和各种鼠标事件。但是由于某种原因,仅添加一些简单的文字似乎就使我难以理解。 请有人做我的星期五并发表一个简单的例子吗?
  • 在数据元素上输出html

    因此,我有以下函数可以修改openlayers中的元素。 As you can see on the documentation the property label accepts either html or string methods: { onUpdatePosition (coordinate) { this.deviceCoordinate = coordinate this.$refs.map.$map.getControls().exte...
  • angular:将可观察数组转换为数组以使用数据

    我试图从我的数据服务中获取数据以显示在openstreetmap上作为精确点。 当我使用静态数据以1个精确度进行尝试时,它会起作用并显示精确度。 现在,我想使用我的数据服务来获取一组Parking对象,并在地图中使用它们来创建这些精确点。但是,我没有显示出精确的位置,当我在控制台中从地图组件中的循环中记录停车时,它仅显示第一个,而在控制台中记录该数组时则显示未定义。 我对angular不熟悉,所以我认为这可能与我收到的可观察到的数组有关,但是不知道如何将其转换为普通数组,因此我尝试添加.subscribe而...
公告

欢迎访问 码农俱乐部  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部