创建交互式地图

Question

我有一个问题，如何创建像here一样的相同地图。

使用什么，以及如何在我放大时显示包含元素的地图？ 另外，我如何准备数据库来存储图像？ 提前谢谢！

Answer 1

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

我认为地图是一个块由许多子块组成，每个子块被分成4个块。请看以下内容：

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

其中＆＃34; n＆＃34;是地图的缩放程度。

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

1-确定缩放程度。 2-将文件保存在数据库表中，指明其父ID和位置。这里是一个数据表应该如何看待＆＃34; 1＆＃34;缩放程度：

3-在客户端，使用 Ajax 和 HTML Canvas 并使用 javascript 事件处理程序跟踪用户＆＃39;小鼠动作。

希望它有所帮助。

Answer 2

这张地图似乎是用google maps api制作的。其他javascript映射库的示例是openlayers，leaflet，mapbox-gl。

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