0

我有一个要缩小的地图 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 并得到相同的结果

4

2 回答 2

3

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

于 2012-11-18T13:36:47.020 回答
1

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

-ms-transform: scale(0.60);

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

于 2012-11-18T13:37:14.927 回答