如何在网络中实现类似谷歌地图的缩放和平移系统？答案

【问题标题】：How to implement google-maps-like zoom-and-pan system in web?如何在网络中实现类似谷歌地图的缩放和平移系统？
【发布时间】：2010-01-12 13:53:33
【问题描述】：

我正在编写一个售票系统自动取款机，用于预订各种音乐会的门票。我所拥有的是一个 php 后端和一个显示 .swf 的网页，其中包含一些 actionsscript-3 代码，用于在 flash 中绘制某种地图并为最终用户提供可点击的座位。这个解决方案的问题是，大厅很大，只是把座位变小并不是正确的解决方案。

我的下一个想法是制作一个类似于谷歌地图的界面，以便用户可以平移和缩放等。但我找不到任何关于做这样的事情的信息，无论是 flash 还是 javascript 或其他东西......

我将不胜感激有关此主题的任何信息！

提前致谢！

【问题讨论】：

如果您想要谷歌地图之类的东西，为什么不直接使用谷歌地图呢？或者其他地方的地图。 mapstraction.com 有一个很好的 Javascript 库。
我想要的不是地图，而是缩放/平移系统“地图”必须显示音乐厅中的座位，因此使用谷歌地图或 OpenStreetMap 与他们的地图，imo
您可以在仍然使用 google API 的同时声明自定义地图：code.google.com/intl/fr/apis/maps/documentation/…

标签： php javascript actionscript-3

【解决方案1】：

Google 地图允许您使用他们的系统并提供您自己的自定义地图，这样您就可以覆盖您的座位表，仅此而已。你可以read the documentation here。

【讨论】：

【解决方案2】：

有一个示例 pan-zoom flex 应用程序可能会对您有所帮助：

Pan-Zoom Flex Map 的源代码。

希望对您有所帮助。

【讨论】：

thx，标记为第二种解决方案，但我会首先尝试实现“带有叠加层的谷歌地图”方法，首先是因为加载时间不存在...... :)

【解决方案3】：

看看 Seadragon (http://seadragon.com)。可能是公开功能的一种有趣方式。

【讨论】：

看不到如何制作按钮或类似的东西......所以在我的情况下它对我来说不可用:(
Seadragon 按钮 expression.microsoft.com/en-us/gg413297.aspx ...如果您查看 API，您还会发现其他叠加层