谷歌地图和 CSS 缩放答案

【问题标题】：Google maps and CSS zoom谷歌地图和 CSS 缩放
【发布时间】：2012-11-06 14:17:17
【问题描述】：

我有一个要缩小的地图 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 的工作是因为是 200% 等等。但是如果我尝试低于 100%，地图 div 会变灰并且地图不可见......我尝试了这些变化：

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

什么都没有。地图仍然是灰色的...... div 变小了，但我不明白为什么地图不可见。我使用 api V2，但我尝试使用 V3 并得到相同的结果

【问题讨论】：

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

【解决方案1】：

您不应使用 css zoom 来缩放 Google 地图。相反，请使用 Maps Documentation V3 中描述的 MapOptions。

【讨论】：

我不想只放大地图，还有一些内容需要缩小。基本上我已经找到答案了

【解决方案2】：

我在发布问题 2 分钟后才找到解决方案。对此感到抱歉。答案是

-ms-transform: scale(0.60);

我在最新的浏览器中测试了这个，仍然不知道它是否适用于旧版本。我要测试它并在这里发布结果

【讨论】：