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

Google マップのズームに css zoom を使用しないでください。代わりに、 Maps Documentation V3で説明されているように MapOptions を使用してください。

于 2012-11-18T13:36:47.020 に答える
1

質問を投稿してから2分後に解決策を見つけました。そのために残念。答えは

-ms-transform: scale(0.60);

これを最新のブラウザでテストしましたが、古いバージョンで動作するかどうかはまだわかりません。私はそれをテストし、結果をここに投稿します

于 2012-11-18T13:37:14.927 に答える