internet-explorer - 谷歌地图和 CSS 缩放

标签 internet-explorer google-maps css google-maps-api-3

我有一个要缩小的 map div。我是这样做的

<div style="
-moz-transform: scale(0.60);
-webkit-transform: scale(0.60);
-o-transform: scale(0.60);
-ms-zoom:0.60;">
<div id="map" style="width:500px; height:500px;"></div>
</div>

如您所见,我想缩小到 60%。在 firefox、chrome、opera 和 safari 中完美运行。但是总有资源管理器... -ms-zoom: 1.0 从正常的 100% 开始工作。 2.0 workis 因为是 200% 等等。但如果我尝试低于 100%, map div 会变灰并且 map 不可见......我尝试了这些变化:

-ms-zoom:0.60;
-ms-zoom:0.6;
-ms-zoom:60%;
zoom:0.60;
zoom:0.6;
zoom:60%;

什么也没有。 map 仍然显示为灰色...div 变小但我不明白为什么 map 不可见。我使用的是 api V2,但我尝试使用 V3 并得到相同的结果

最佳答案

您不应使用 css zoom 来缩放 Google map 。相反,使用 Maps Documentation V3 中描述的 MapOptions .

关于internet-explorer - 谷歌地图和 CSS 缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13440594/

相关文章:

css - 单击时如何更改链接颜色?

javascript - IE 对哈希更改发出额外的 GET 请求

jquery - 在 ie 10 和 9 中禁用点击直到窗口完全加载

google-maps - 如何获取基于纬度和经度的谷歌地图?

ios - 在按钮函数中添加两个坐标以启动 mapKit 并开始两点之间的导航(Swift)

jquery - 悬停时下拉子菜单隐藏在 iframe 后面

Css 媒体对象源顺序

javascript - Protractor 是否兼容 IE 9 浏览器?

javascript - IE(仅)在幻灯片放映中悬停时获得 margin ? (包含 CSS 和元素链接)

android - 旋转后从地面叠加层获取西北经纬度