我已经用 div 和 css 制作了一张地图,您可以从http://test.rickardp.se/test.html找到一个测试文件
但是我试图在它上面获得平移和缩放功能,最好的应该是它应该像谷歌地图一样工作,用户可以使用鼠标上的滚轮进行缩放,并通过点击和拖动进行平移。
现在我使用整个浏览器窗口,应该显示地图的区域应该更小。
我已经搜索并尝试了一些带有溢出的代码:隐藏但我没有任何工作,最好的解决方案仅适用于图像。
有任何想法吗?
我已经用 div 和 css 制作了一张地图,您可以从http://test.rickardp.se/test.html找到一个测试文件
但是我试图在它上面获得平移和缩放功能,最好的应该是它应该像谷歌地图一样工作,用户可以使用鼠标上的滚轮进行缩放,并通过点击和拖动进行平移。
现在我使用整个浏览器窗口,应该显示地图的区域应该更小。
我已经搜索并尝试了一些带有溢出的代码:隐藏但我没有任何工作,最好的解决方案仅适用于图像。
有任何想法吗?
这将是一个很好的起点:
http://jqueryui.com/demos/draggable/#default
尝试在“查看窗口”内放置一个可拖动元素,并将“查看窗口”溢出设置为隐藏。
更新
像这样:
http://jsfiddle.net/nickaknudson/7fwYK/
资源