在vuejs应用程序中集成openlayers

Question

Hy伙计们,

有没有人在Vuejs应用程序中集成Openlayers的经验？

我需要在Vuejs应用程序上显示一些图层.

干杯,

Answer 1

是的,我目前正在使用Vuejs和OpenLayers 4重写现有应用程序.该应用程序具有表格和几乎全屏的地图(类似于谷歌地图的路由功能).

该OL NPM lib中暴露出的OpenLayers为ES2015文件,它与普通vuejs设置很好地工作.我创建了一个包装器组件,它初始化map对象mounted()并将其存储为属性.

OL不会在组件的属性上选择传播的更改,因此您可能需要在属性(或事件处理程序)上使用观察程序,以便在发生更改时调用OL函数.

我遇到的一个问题是当侧面板打开/关闭时映射失真,因此改变了地图的视口.听一个事件并打电话map.updateSize()解决了这个问题.

甚至还有一个用于vuejs,vuejs-openlayers 的OL插件.我没有测试它,因为无论如何集成OL都很容易.