在IE9中缩放svg的地图
Map zooming out of svg in IE9
我有一个地图,每当我放大地图时,地图就会变得更大(缩放正常工作),但是地图超出了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");
相关文章:
- 在SVG地图上添加水的渐变,就像在谷歌地图(PHP/JS)中一样
- IE 11未在SVG地图上启动Mouseenter或Mouseleave事件
- 外部SVG作为Google地图api标记-是或否
- 相对于选定的地区中心缩放SVG国家/地区地图
- 使用jQuery只选择SVG地图上的一个区域
- 谷歌地图SVG标记;t在IE 11上显示
- 如何在美国的 SVG 地图上创建各州之间的统一间隙
- SVG 世界地图坐标
- 将 Google 地图多边形路径转换为 SVG 路径
- 无法在谷歌地图符号 (svg) 标记中填充颜色
- 动态将线性渐变设置为 Google 地图 SVG 路径图标
- 如何最好地将微数据与 SVG 一起包含在动态地图中
- 使用传单.js将 svg 用作地图
- 寻找一个交互式javascript地图解决方案,允许放大,标记和使用位图图像(不是SVG))
- 如何在 HTML 文件中使用 svg 突出显示整个地图
- 如何在Raphael SVG地图中平滑地交换分区
- Javascript可视化:svg地图的可接受大小
- 在 D3 地图中向 SVG 元素添加边框和边框半径
- 使用SVG文件动态修改谷歌地图图标
- 谷歌地图SVG标记与动画