在IE9中缩放svg的地图

Map zooming out of svg in IE9

本文关键字:地图 svg 缩放 IE9      更新时间:2023-09-26

我有一个地图,每当我放大地图时,地图就会变得更大(缩放正常工作),但是地图超出了SVG的边缘,因此覆盖了我的网页的其他功能。这只发生在IE9中。在chrome中,无论何时我放大它,地图总是留在SVG内部。有没有其他人遇到过这个问题,并建议解决这个问题的方法?我希望将地图保留在SVG中。

谢谢

这是IE9的一个bug。IE9不支持默认的SVG溢出模式,该模式必须隐藏。

如果您在最外层的SVG元素或周围的<DIV>元素中手动设置style = "overflow:hidden",则可以纠正此行为,例如

<div style = "overflow:hidden"> <svg> ... </svg> </div>

divElement.setAttribute("style", "overflow:hidden");