构建交互式地图

Question

我的任务是构建美国所有州的交互式地图，我只是想知道最好的方法是什么？

我知道我可以在 Flash 中相当轻松地构建它，但其中一个要求是它必须在 iPhone 上运行，所以显然排除了 Flash！

要求：

1. 必须适用于所有浏览器和 手持设备。
2. 必须可通过 Wordpress 更新。
3. 必须包含一个小信息框 当每个状态悬停时弹出。
4. 将设计地图的外观 由我们（我们希望完全控制 因为我们是平面设计师！）所以 这也排除了自定义谷歌 地图。

我在这里进行了搜索，发现了两个示例，第一个正是我们想要的，但在 Flash 中完成 - example

一个建议是使用this，但我认为我无法在将鼠标悬停在每个状态上时创建弹出气泡。

有谁知道替代品吗？

更新：

我喜欢的一个例子是 - Transmit's feature section。这是如何构建的，我该如何重新创建类似的东西？

Answer 1

您可以使用普通的旧 <map> 标签并添加一些 javascript 来显示弹出窗口。

（我认为甚至可以只使用 CSS。您创建所有弹出窗口但不显示它们。在每个“美国州”的 :hover 部分，您会显示相应的弹出窗口。）

但是您的请求存在问题：无法将手持设备兼容性和悬停结合起来！

对于您想做的事情来说可能太多了，但是在处理地图时（只要您对不可自定义的 Google/Yahoo/Microsoft 地图不满意），我建议您使用OpenLayers。 OpenStreetMap 使用它以及其他知名网站。

不用担心 WordPress 部分。当然，如果存在现有插件，您会节省时间，但我认为这是最不重要的事情。 我为 WordPress 编写了一些手工制作的插件。这真的很容易（例如与TYPO3 相比！）

Answer 2

我知道这个帖子已经有几个月了，但万一人们还在寻找。 我创建了一个能够满足您需求的 wordpress 插件。看看你可以用它做什么的例子：

http://cmoreira.net/interactive-world-maps-demo/usa-custom-election-map/

它不能满足您的所有要求，但它也是一个不错的选择。