javascript - 创建交互式 map

Question

我有一个问题，如何创建与 here 相同的 map 。

使用什么，以及如何制作带有缩放时显示的元素的 map ？ 另外，我如何准备数据库来存储图像？ 提前致谢!

Answer 1

虽然这是一个非常普遍的问题，但让我简短地回答你。首先让我们简化一下 map 的概念。

我假设 map 是由许多子 block 组成的一个 block ，每个子 block 又分为 4 个 block 。请看以下内容:

因此，制作 map 所需的图像数量等于根据此相关性计算出的图像中的平方数:

其中“n”是 map 的缩放程度。

为了将想法翻译成网络语言，必须采取以下步骤:

1- 确定缩放程度。 2- 将文件保存在数据库表中，指示其父 ID 和位置。以下是“1”度缩放时数据表的示例:

3- 在客户端，采用Ajax和HTML Canvas并使用javascript事件处理程序来跟踪用户的鼠标移动。

希望有帮助。