Javascript 在缩放Div后在Google Maps API v3上使用绘图管理器？

我一直在尝试使用GoogleMapsAPIv3（绘制矩形）的绘图管理器。使用-webkit转换缩放google地图画布（包含div）后 像这样

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

---

我开始画矩形的地方似乎在地图上被移动了。我所说的位移是指绘制矩形的指定位置，它以某种方式被偏移。最终结果是矩形出现在其他地方。我知道矩形的位移是由于div的缩放造成的。有人能帮我解决这个问题，让绘图管理器即使在缩放后也能工作吗？如果你有更多问题，请告诉我。提前谢谢你的帮助

首先，通过提供动态高度和宽度（以百分比表示），可以完全避免缩放

因此，如果您想在80%的可视区域中显示map div，您可以通过以下方式实现-

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

这避免了缩放问题，从而避免了“位移偏移”问题

但我强烈建议您将内嵌样式移到一个单独的.css文件中，以实现重用性和代码维护

希望能有帮助