Javascript 创建交互式地图

我有一个问题，我怎样才能创建相同的地图

使用什么，以及如何使用地图上的元素进行缩放时显示的地图？ 另外，我如何准备数据库来存储图像？

---

提前谢谢

虽然这是一个非常笼统的问题，但让我简单地回答你。首先，让我们简化地图的概念

我假设一个贴图是一个由许多子块组成的块，每个子块被划分为4个块。请看以下内容：

因此，制作贴图所需的图像数量等于基于此相关性计算的图像中的平方数：

其中“n”是地图中的缩放程度

为了将想法转化为网络语言，必须采取以下步骤：

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

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

---

希望有帮助。

这张地图似乎是用谷歌地图api制作的。其他javascript映射库的示例有openlayers、传单、mapbox gl

这些库都支持缩放和平移。mapbox和google提供数据服务，您可以使用这些服务将（背景）数据放入地图中。如果您有自己的数据，则需要将其转换为某种格式，以便映射库使用。如何做到这一点的细节在很大程度上取决于数据的种类、地图使用的类型、选择的地图库、数据的动态等