openlayers地图没有撑满容器--layers图层与地图分离,不随地图放大缩小正确展示图层位置的解决办法

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

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

于是,我顺其自然的在样式中加了一个canvas:{width:100%;}

这下 好了,白条没了,但更怪异的事情出现了,研发部电脑显示的地图没有任何问题,提交到了业务部门,就出现了很可笑的现象

图层偏移了,偏的还不是一星半点儿,但是技术研发部的电脑都没有这种情况,于是我去检查了业务部门的浏览器,区别就是他们的电脑是32位的,我们的电脑都是64位的,那么猜想就是canvas宽度不能这样设置,于是删掉canvas的宽度试了一下,果然没问题了,但是白条又出现了,还是使用最笨的方法吧,容器的宽度从100%变成101%。

OK,到这里问题已经完美解决了。

今天的分享到这里啦!之后还会继续分享怪异的bug,如果有遗漏之处,欢迎大家批评指点,小猿姐姐定会虚心接受的哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值