如何在Openlayer 5中实现侧边栏

Question

在Git-Repro https://github.com/Turbo87/sidebar-v2中介绍了sidebar-v2，但是当我想在外部.js文件中导入必要的sidebar-v2方法时，我无法将其与ol5配合使用。

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

Answer 1

侧边栏的div必须位于地图的div中。另外添加display：block;     职位：相对进入CSS的#map样式。

Answer 2

通过添加解决了问题

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

到node_modules / ol / control.js 与

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

进入创建地图的.js。