关于css溢出和平移和缩放的一些问题

时间:2012-08-09 16:50:24

标签: jquery html css google-maps maps

我已经用div和css做了一张地图,你可以在http://test.rickardp.se/test.html上找到一个测试文件

但是我试图获得平移和缩放功能,最好的应该是它应该像谷歌地图那样用户可以使用鼠标滚轮进行缩放,并通过点击和拖动进行缩放。

现在我应该使用整个浏览器窗口来显示应该显示地图的区域。

我已经搜索并尝试了一些带溢出的代码:隐藏但我没有任何工作,最好的解决方案只适用于图像。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这将是一个很好的起点:

http://jqueryui.com/demos/draggable/#default

尝试将可拖动元素放在“查看窗口”中,并将“查看窗口”溢出设置为隐藏。

<强>更新

像这样:

http://jsfiddle.net/nickaknudson/7fwYK/

<强>资源