如何制作变焦工具来缩放Google地图等图片？

Question

我想问一下我的项目。所以，我有一个显示图像的网页。但我希望人们可以在想要查看图像的更多细节时缩放图像，例如通过单击图像在Google地图中缩放工具。有人可以告诉我它可以做到的方式吗？谢谢。

Answer 1

如果你有非常大的图像或小图像，你需要非常不同的解决方案：

• 对于小图片（几个Mo），您可以将图像发送到浏览器并使用一个小脚本处理鼠标和滚轮，并在画布上绘制图像的可见部分。

  < / LI>

• 如果您的图片非常大，则需要类似于Google地图的解决方案。关于谷歌地图缩放的有趣之处在于，您的浏览器永远不会获得整个高清晰度地图，而只能获得“平铺”，这在屏幕分辨率上很小。您需要一个服务器端库来剪切大图像并构建切片。许多是可用的（我用Java制作了一个），这取决于您选择的服务器端语言（例如谷歌“平铺缩放库your_language”）。而且你需要一个（有点复杂的）脚本浏览器端来获取，管理和显示磁贴。