OpenLayers是一个开源的Javascript Web映射库,用于创建Web地图应用程序。
在 OpenLayers 7 地图上的正确位置放置标记的问题
我正在创建一个允许用户创建多个地图的网络应用程序。在每张地图上,用户都可以添加/删除标记。然后他们可以将它拖到适当的位置和/或改变...
我正在使用 OpenLayers 渲染 GeoTiff 文件,现在我想显示一个 ariel/satellite 地图作为它的 baseLayer。问题是由于某种原因我只能渲染一层, 这是我的代码
在 android 上使用浏览器组件代号 one 加载本地 openlayers 网站时遇到问题
我正在使用带有本地网站(html 文件)的 openlayers 开发代号为 one 的应用程序。该应用程序在模拟器中运行良好,并且在桌面网络浏览器上加载时网站运行正常(ch ...
OpenLayers 嵌入到带有导航栏的布局中;地图大小和锚
我正在设计一个基于 GitLab 的 Jekyll Creative 主题的网站,我想在其中嵌入一张使用 OpenLayers 7.3.0 的地图。 主题有一个导航栏,高度为 50 像素,始终位于顶部...
我正在尝试将 RLayers 用于一个项目,但我很难完成非常简单的任务:“向地图添加一些 1 x 1 公里的正方形”。 我不知道这是否是问题所在,但我可以看到我什么时候
我需要创建一个功能来启用和禁用在我们尝试缩小视图时一次又一次发生的地图重新聚焦
我需要创建一个功能来启用和禁用在我们尝试缩小视图时一次又一次发生的地图重新聚焦。我们需要创建两个按钮。一个按钮应该...
您好,我正在尝试确定给定点当前是否在我的地图上可见。我正在使用开放层 7,并有一个带有标记的简单地图。用户可以独立移动地图和标记...
我正在尝试实现这个基本的子组件(ChildComp.vue): 子组件! 进入 openlayers Map.vue 脚本: 我正在尝试实现这个基本的子组件(ChildComp.vue): <template> <h2>A Child Component!</h2> </template> 进入 openlayers Map.vue 脚本: <template> <div id="map"></div> </template> <script> import { SidePanel } from 'ol-side-panel'; import { Map, View } from 'ol'; import { Tile as TileLayer } from 'ol/layer'; import { OSM } from 'ol/source'; import ChildComp from './ChildComp.vue' export default { components: { ChildComp }, name: 'Map', mounted() { this.map = new Map({ target: 'map', layers: [ new TileLayer({ source: new OSM() }) ], view: new View({ center: [0, 0], zoom: 2 }) }) let sidePanel = new SidePanel(); this.map.addControl(sidePanel); let layersPane = sidePanel.definePane({ paneId: 'layers', name: "Layers", icon: '<i class="fg-regular-shape-pt"></i>' }); layersPane.addWidgetElement(this.ChildComp) } } </script> <style> .ol-side-panel-tabs, .ol-side-panel-tabs > button, .ol-side-panel-tabs > button.active { color: #8A1946; background-color: #f9f6ed; } .ol-side-panel-tabs > button:hover { color:#f9f6ed; background-color: #8A1946; } .ol-side-panel-content { background-color:#f9f6ed ; } .ol-side-panel-close:hover { color: #8A1946; } </style> 我不能使用 vue 函数,因为它不是 vue 模块,所以我尝试使用这一行来实现 childComponent:layersPane.addWidgetElement(this.ChildComp) 但它给了我以下错误:“未捕获的类型错误:无法在‘节点’上执行‘appendChild’ : 参数 1 不是“节点”类型。” 关于如何纠正它的任何想法? 在您的代码中,您尝试使用 layersPane.addWidgetElement(this.ChildComp) 将 ChildComp 组件添加到 layersPane。然而,这是不正确的,因为 this.ChildComp 不是一个实际的元素,而是一个 Vue 组件。 要将 Vue 组件添加到 DOM,可以使用 Vue.extend 方法创建该组件的新 Vue 实例,然后将其挂载到 DOM 元素。以下是如何修改代码以实现此目的的示例: import Vue from 'vue'; // import Vue // define the ChildComp as a new Vue component const ChildComp = Vue.extend({ template: '<h2>A Child Component!</h2>' }); export default { name: 'Map', mounted() { // ... layersPane.addWidgetElement(new ChildComp().$mount().$el); // create a new instance of ChildComp and mount it to a DOM element } } 在此修改后的代码中,您将使用 Vue.extend 创建一个新的 Vue 组件,然后使用 new ChildComp() 创建该组件的一个新实例。然后,您使用 $mount 将此实例安装到新创建的 DOM 元素,并将生成的 DOM 元素传递给 addWidgetElement。 这应该允许您将 ChildComp 组件添加到 OpenLayers 侧边栏。
更新 OpenLayers 地图时无法找出错误 - 未捕获的类型错误:无法读取未定义的属性(读取“0”)
我正在开发一个使用 OpenLayers 7.2 的网络应用程序,它允许用户同时加载多个地图。我正在使用一张地图和一系列带有输入框的选项卡供用户输入地址...
我正在使用 openlayers(7.2 版)创建一个网络应用程序,我正在尝试弄清楚如何实时输出当前中心、缩放和旋转。我找到了 'movestart' 和 'moveend' e...
要重现,请单击包含文本 4 的蓝色标记。因为这是一个聚类标记,并且它聚类的所有标记都在同一坐标上,所以尝试 z... 是没有意义的
如果我单击 smallVectorLayer 中 zindex 为 4 的层上的绿色矩形,则它未被选中,因为我已将选择层设置为层:[vectorLayer]。 vectorLayer 是...
我在使用 Geoserver 和 OpenLayers 的 Web 应用程序上工作。几何图形是使用 Geoserver 的 WMS 渲染的,并且它们在压缩包中的所有缩放级别(总共 28 个缩放级别)都正确渲染...
在 OpenLayers 中为 ol.events.condition.shiftKeyOnly 导入 ES 模块
我正在使用 Open Layers 约定 var osm_default = new TileLayer({ 来源:新 OSM() }); 但我该如何处理 var dragBoxInteraction = new DragBox({ 条件:ol.events.condition.shiftK ...
我正在使用 OpenLayers 创建 Web GIS 应用程序。我在从 WFS GeoServer 获取数据时遇到困难。数据已正确下载,但未以任何方式绘制。它...
在 openlayers webglpointslayer 上添加、删除和更改不同的符号
我有多个图标图像,我想动态添加、删除功能、设置不同的图像(svg 或画布)作为 openlayers 上 WebGlPointsLayer 的精灵图标源,以显示图标...
尝试在 OpenLayers Vue 3 js 上仅选择一条线或一个点(来自 json 数据)时出现问题
使用 Vue JS 3,我试图在 OpenLayers 地图上选择从两个 json 文件(分别包含所有点和所有线)显示的一个点或一条线。 基本上,我正在尝试复制 Vue3
我如何使用 supercluster v 7.1.2 和 openlayers v6.12.0 [关闭]
我如何使用 supercluster v 7.1.2 和 openlayers v6.12.0 在javascript中。 版本 6 似乎与 ol-supercluster 不兼容。 https://github.com/fjorgemota/ol-supercluster 我不使用...
我想允许用户拖动或单击以便在地图上绘制单个框。此行为由按钮打开。当我在 dragBox 之前绘制一个框时,绘制会留下一个 mouseup 事件......
我正在使用 OpenLayers 比较两个矢量图层。 一层是主层,加载了另一层加载的地图 在我想比较 2 层之后。 当我完成