Html 将大图像显示为一系列平铺

Html 将大图像显示为一系列平铺,html,css,Html,Css,我需要在网页上显示网络图。该图太大,无法显示为单个图像,因此我希望以类似于谷歌地图的方式显示它,即将其分块并允许用户在图像周围滚动 我还需要能够在这个图表上覆盖状态信息 我如何将一幅图像分割成块,然后在网站上显示,同时使用某种形式的协调系统覆盖数据 我在网上找到了一些教程和图书馆,但是这些似乎都与来自google/openstreetmap等的地理空间数据有关。由于这不是基于地理的,这些资源似乎不能满足我的需要 非常感谢您的帮助。有很多脚本就像谷歌地图一样,其中一些更好,其中一个来自CodeCa

我需要在网页上显示网络图。该图太大,无法显示为单个图像,因此我希望以类似于谷歌地图的方式显示它,即将其分块并允许用户在图像周围滚动

我还需要能够在这个图表上覆盖状态信息

我如何将一幅图像分割成块,然后在网站上显示,同时使用某种形式的协调系统覆盖数据

我在网上找到了一些教程和图书馆,但是这些似乎都与来自google/openstreetmap等的地理空间数据有关。由于这不是基于地理的,这些资源似乎不能满足我的需要


非常感谢您的帮助。

有很多脚本就像谷歌地图一样,其中一些更好,其中一个来自CodeCanyon,使用Json+SVG, 这是我几个月前做的,一些网站免费发布,你可以搜索。 您可以在这里找到许多免费脚本,它们都是这样做的:

您还可以使用以下关键字搜索其他脚本:

像谷歌地图一样的jquery地图查看器


我正在努力为我需要的东西想出正确的术语,以创建合适的标签。如果有人能推荐更合适的标签,请重新标记。谢谢。自定义交互式地图支持分幅吗?从演示中我可以看到,它只加载一个背景图像,这在我的例子中可能不起作用。这些链接似乎主要是用于谷歌地图的插件,这不是我想要的。自定义索引地图自定义图像,您可以使用SVG或JPG