第125个
本示例的目的是解决在vue+openlayers项目中弹窗里的地图不显示的问题。在vue+openlayer的开发的过程中,曾发现了这样的一个问题:点击button,弹出窗口,在弹窗内是加载了openlayers地图的代码,发现显示地图是一片空白,然后Ctrl+Shift+i ,进入调式窗口后,将弹窗的大小改变了,这时候才能正常加载出来地图。为了改变这种状态,采用updateSize()函数来强行挂在地图。
直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他地图来练习

GIS前端交流,协助开发功能
微信名片


评论记录:
回复评论: