縮放/縮放Div後，在Google Maps API v3上使用圖形管理器？

Question

我一直在試圖讓我的腦海中使用谷歌地圖API V3（繪製矩形）的繪圖管理器。縮放谷歌地圖畫布使用（內含div）後-webkit變換 這樣

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

其中I開始繪製矩形似乎在地圖上被移位的點。我的意思是被移動的意思是繪製矩形的位置在某種程度上被偏移所取代。最終的結果是矩形出現在別的地方。我知道這個矩形的位移是由於div的縮放。有人可以通過某種解決方案來幫助我解決這個問題，並使繪圖管理器即使在縮放後也能工作嗎？讓我知道你是否有更多問題。預先感謝您的幫助。

Answer 1

首先，您可以通過給出動態高度和寬度（百分比）完全避免縮放。

所以，如果你想顯示在可視區域的80％，地圖div，你可以通過給這樣做下面 -

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

這就避免結垢問題，並因此「流離失所偏移」的問題。

但我強烈建議您將內聯樣式移動到單獨的.css文件以實現可重用性和代碼維護。

希望它有幫助。