缩放/缩放Div后,在Google Maps API v3上使用Drawing Manager?

时间:2012-12-05 23:38:15

标签: javascript api google-maps css3 google-maps-api-3

我一直在尝试使用谷歌地图API V3的绘图管理器(绘制矩形)。使用-webkit-transform缩放谷歌地图画布(包含div)之后 像这样

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

我开始绘制矩形的点似乎在地图上移位了。我的意思是被移位是绘制矩形的预定位置以某种方式被偏移量取代。最终结果是矩形出现在其他地方。据我所知,这个矩形的位移是由于div的缩放。有人可以通过某种解决方案来帮助我解决这个问题,并使绘图管理器在扩展后工作吗?如果您有更多问题,请与我联系。在此先感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

首先,您可以通过提供动态高度和宽度(百分比)来完全避免缩放。

因此,如果您想在80%的可视区域中显示地图div,可以通过提供以下内容来实现 -

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

这避免了缩放问题,从而避免了“置换偏移”问题。

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

希望它有所帮助。

相关问题