建立一个互动地图

Question

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

我知道我可以在Flash中很容易地构建它，但其中一个要求是它可以在iPhone上工作，所以很明显规则闪光了！

要求：

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

我已经做了搜索在这里发现了两个例子，第一个是正是我们所需要的那种事，但在闪光灯做 - example

一个建议是使用this但我不”我想我可以在悬停在每个状态时创建弹出泡泡。

有没有人知道任何替代品？

UPDATE：

我喜欢的一个例子是 - 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/

它不适合您的所有需求，但它可以是一个很好的选择也。