我正在研究以标准X / Y坐标方式组织的基本地图。在每个坐标（x，y）处，存储在数据库中的内容（每个位置的内容通过php / mysql数据库加载）。
在我目前的设置中，地图只是作为静态对象放在页面中，我使用jquery / ajax来更新坐标的显示和数据。
我正在寻找一种动态加载点击和放大器的方法。拖动地图，将根据需要加载单元格。 （进入你的视图 - 在这种情况下，窗口应该从服务器加载 - 使用相对于其周围单元格的适当坐标创建div）。
截至目前，我的静态地图有以下设置： http://i.stack.imgur.com/LeVYO.gif（链接，因为我无法发布照片）
图像逐行放置（z索引随着每行向下变化而给出重叠的外观）。
如果要复制相同的模式，要动态创建这些单元格，您可以看到当右侧有一条伸出的行时，左侧有空间，容易重叠。
我无法找到任何方法来实现这一目标： 1）当一个单元格（内部有多个坐标的区域）可见时，检查周围的8个单元格是否已经加载。 2）如果未加载8个单元格中的1个单元格，则在正确的位置创建单元格，并指定“中心坐标”，以便生成的数据具有参考点。 3）确保单元格可通过单击和拖动移动，以及单击（交互）下的对象的功能。 4）滚动（滚动条）
无法访问单元格我感觉它相当复杂，但我正在寻找最好的方法，所以任何帮助或方向都会很棒！
答案 0 :(得分：0)
我渴望得到帮助，我真的无法给出解决问题的答案，我为此道歉，但我想我可以试着指导你做些什么。
这是HTML 5的画布和相关功能。
看那个：
http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/
也许您还需要了解如何使用HTML 5构建MAP
答案 1 :(得分：0)
经过修补和大量谷歌搜索后，快速搜索“jquery infinite drag”会返回此结果： http://ianli.com/infinitedrag/
我设法使用创建每个单元格时提供的函数调用，从数据库（ajax）收集地图数据并根据需要创建单元格。 http://mc1.empirebattles.com/map/jquery_map.html
我真的喜欢它到目前为止的工作方式，除非我想能够点击地图下的任何内容（对于动作等），每当我发布点击以拖动地图时，都会调用click事件....我已经尝试了jquery的UI双击，但看起来这个插件在双击被调用后立即控制
无论如何，如果其他人需要类似的东西，这个解决方案对我帮助很大！
