如何制作像界面一样的谷歌地图

Question

您好我想从非常高分辨率的地图创建一个类似界面的谷歌地图。例如。 11k x 11k分辨率。我的目标是能够平移/缩放并将引脚放在地图上的所需位置。我能够使用mapbox插件实现图像的缩放/平移。我的问题是如何在图像上的（x，y）位置放置一个引脚，并在放大/缩小时保持引脚。

由于

Answer 1

最简单的方法是将整个图像视为一个11k×11k的网格，右上角有（0,0）。然后，引脚位于（x，y）。然后，在缩放图像时，将新视图视为主网格的子集。

例如，它可以从（5000,3500）开始并且是500乘500像素。然后，如果引脚位于那些坐标中，则计算放置它的位置。

假设您有两个针脚：{（5230,3550），（5400,3700）}。

现在，如果放大5000,3500并且视图端口为500x500，那么您的引脚实际位置为：

{（230​​,3550），（5400,3700）}

您需要准确完成翻译的方式将取决于您处理缩放/平移的准确程度，但这应该是一般的想法。