3

私は、Google Maps API V3 (描画長方形) の描画マネージャーを使用して頭を悩ませようとしています。このように -webkit-transform を使用して Google マップ キャンバス (含まれる div) をスケーリングした後

 var transform = ['scale(' + 0.5 + ')'];
 $("#map_canvas").css('-webkit-transform', transform.join(' '));

四角形を描き始めるポイントは、マップ上でずれているようです。変位するということは、長方形を描画する意図された場所が何らかの形でオフセットによって変位されるということです。最終結果は、長方形が別の場所に表示されることです。この四角形の変位は、div のスケーリングによるものだと理解しています。これを回避し、スケーリング後も描画マネージャーを機能させるための何らかの解決策を手伝ってくれる人はいますか? さらに質問がある場合はお知らせください。助けてくれてありがとう。

4

1 に答える 1

0

まず、動的な高さと幅 (パーセンテージ) を指定することで、スケーリングを完全に回避できます。

したがって、マップ div を表示可能領域の 80% に表示したい場合は、次のように指定します。

<div id="MAP_DIV" style="height:80%;width:80%;"></div>

これにより、スケーリングの問題が回避され、結果として「変位オフセット」の問題が回避されます。

ただし、再利用性とコードのメンテナンスのために、インライン スタイルを別の .css ファイルに移動することを強くお勧めします。

それが役に立てば幸い。

于 2013-02-09T13:21:49.383 に答える