这两天遇到了一个怪异的事情,Openlayers地图宽度没有撑满容器,是这样展示的

于是,我顺其自然的在样式中加了一个canvas:{width:100%;}
这下 好了,白条没了,但更怪异的事情出现了,研发部电脑显示的地图没有任何问题,提交到了业务部门,就出现了很可笑的现象



图层偏移了,偏的还不是一星半点儿,但是技术研发部的电脑都没有这种情况,于是我去检查了业务部门的浏览器,区别就是他们的电脑是32位的,我们的电脑都是64位的,那么猜想就是canvas宽度不能这样设置,于是删掉canvas的宽度试了一下,果然没问题了,但是白条又出现了,还是使用最笨的方法吧,容器的宽度从100%变成101%。
OK,到这里问题已经完美解决了。
今天的分享到这里啦!之后还会继续分享怪异的bug,如果有遗漏之处,欢迎大家批评指点,小猿姐姐定会虚心接受的哦!

在OpenLayers中遇到地图宽度未充满容器的问题,通过添加canvas宽度为100%的样式解决了白条问题,但在32位系统中导致图层偏移。删除canvas宽度样式后,图层位置恢复正常,但又出现白条。最终通过将容器宽度设置为101%解决了所有问题。
最低0.47元/天 解锁文章
1805

被折叠的 条评论
为什么被折叠?



