openlayers 相关问题

OpenLayers是一个开源的Javascript Web映射库，用于创建Web地图应用程序。

我需要创建一个功能来启用和禁用在我们尝试缩小视图时一次又一次发生的地图重新聚焦

我需要创建一个功能来启用和禁用在我们尝试缩小视图时一次又一次发生的地图重新聚焦。我们需要创建两个按钮。一个按钮应该...

reactjs openlayers openlayers-3 openlayers-6 openlayers-5

回答 0 投票 0

如何判断一个点在当前 OpenLayers 地图上是否可见

您好，我正在尝试确定给定点当前是否在我的地图上可见。我正在使用开放层 7，并有一个带有标记的简单地图。用户可以独立移动地图和标记...

javascript openlayers openlayers-7

回答 1 投票 0

在 openlayers 侧边栏中导入 childComp

我正在尝试实现这个基本的子组件（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 侧边栏。

vue.js vuejs3 openlayers sidebar

回答 1 投票 0

更新 OpenLayers 地图时无法找出错误 - 未捕获的类型错误：无法读取未定义的属性（读取“0”）

我正在开发一个使用 OpenLayers 7.2 的网络应用程序，它允许用户同时加载多个地图。我正在使用一张地图和一系列带有输入框的选项卡供用户输入地址...

javascript openlayers openlayers-7

回答 0 投票 0

在用户与地图交互时实时获取 openlayers 地图数据

我正在使用 openlayers（7.2 版）创建一个网络应用程序，我正在尝试弄清楚如何实时输出当前中心、缩放和旋转。我找到了 'movestart' 和 'moveend' e...

javascript openlayers openlayers-7

回答 1 投票 0

OpenLayers：我怎样才能阻止点击导致不应该的选择？

要重现，请单击包含文本 4 的蓝色标记。因为这是一个聚类标记，并且它聚类的所有标记都在同一坐标上，所以尝试 z... 是没有意义的

openlayers

回答 1 投票 0

OpenLayers：如何阻止点击选择通过更高层？

如果我单击 smallVectorLayer 中 zindex 为 4 的层上的绿色矩形，则它未被选中，因为我已将选择层设置为层：[vectorLayer]。 vectorLayer 是...

openlayers

回答 1 投票 0

为什么几何在 iOS 设备中的某些缩放级别消失？

我在使用 Geoserver 和 OpenLayers 的 Web 应用程序上工作。几何图形是使用 Geoserver 的 WMS 渲染的，并且它们在压缩包中的所有缩放级别（总共 28 个缩放级别）都正确渲染...

openlayers geoserver

回答 0 投票 0

在 OpenLayers 中为 ol.events.condition.shiftKeyOnly 导入 ES 模块

我正在使用 Open Layers 约定 var osm_default = new TileLayer({ 来源：新 OSM() }); 但我该如何处理 var dragBoxInteraction = new DragBox({ 条件：ol.events.condition.shiftK ...

javascript node-modules openlayers

回答 1 投票 0

OpenLayers 不显示来自 WFS 的矢量

我正在使用 OpenLayers 创建 Web GIS 应用程序。我在从 WFS GeoServer 获取数据时遇到困难。数据已正确下载，但未以任何方式绘制。它...

gis openlayers openlayers-6 epsg wfs

回答 0 投票 0

在 openlayers webglpointslayer 上添加、删除和更改不同的符号

我有多个图标图像，我想动态添加、删除功能、设置不同的图像（svg 或画布）作为 openlayers 上 WebGlPointsLayer 的精灵图标源，以显示图标...

openlayers

回答 0 投票 0

尝试在 OpenLayers Vue 3 js 上仅选择一条线或一个点（来自 json 数据）时出现问题

使用 Vue JS 3，我试图在 OpenLayers 地图上选择从两个 json 文件（分别包含所有点和所有线）显示的一个点或一条线。基本上，我正在尝试复制 Vue3