如何在 openlayer 5 中实现侧边栏答案

【问题标题】：How to implement sidebars to openlayer 5如何在 openlayer 5 中实现侧边栏
【发布时间】：2019-04-17 17:20:45
【问题描述】：

在 Git-Repro https://github.com/Turbo87/sidebar-v2 sidebar-v2 中出现，但当我想在外部 .js 文件中导入必要的 sidebar-v2 方法时，我无法将它与 ol5 一起使用。

尝试将 repros 内容包含到我的 repro 中，但仍然无法运行 ol.control.sidebar

【问题讨论】：

它是为 OL3/4 开发的。在 NPM 版本可用之前，您可以从 https://raw.githubusercontent.com/Turbo87/sidebar-v2/master/js/ol3-sidebar.js 复制代码添加必要的导入，例如 ol.control 和 ol.inherits 并编辑代码以使用它们 - 或者简单但效率较低地使用 import * as ol from 'ol';
感谢您的快速回复！它通过 package.json 文件中的 "sidebar-v2": "umbe1987/sidebar-v2#ol5-sidebar" 行，然后通过 npm install 运行。见github.com/Turbo87/sidebar-v2/issues/143。不幸的是，侧边栏中的标签没有显示出来，而且侧边栏的高度也不像地图。

【解决方案1】：

侧边栏的 div 必须在地图的 div 中。另外添加 display: block; 位置：相对；进入 css #map 样式。

【讨论】：

【解决方案2】：

通过添加解决了问题

export {default as Sidebar} from 'sidebar-v2/js/ol5-sidebar.js';

到 node_modules/ol/control.js 和

import {Sidebar} from 'ol/control.js';

进入创建地图的 .js。

【讨论】：