构建交互式地图

Question

我的任务是建立一个美国所有州的互动地图，只是想知道最好的方法是什么？

我知道我可以在Flash中轻松地构建它，但其中一个要求就是它可以在iPhone上工作，所以很明显规则会闪现出来！

要求：

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

我在这里做了一个搜索，发现了两个例子，第一个是我们想要的东西但是在flash中完成 - example

建议使用this，但我不认为在将鼠标悬停在每个州时，我都无法创建弹出气泡。

有没有人知道其他选择吗？

更新：

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

Answer 1

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

（我认为甚至可以只使用CSS。您可以创建所有弹出窗口但不显示它们。在每个“US State”的:hover部分中，您将显示相应的弹出窗口。）< / p>

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

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

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

Answer 2

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

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

它不符合您的所有要求，但它也是一个不错的选择。