建立一個互動地圖

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/

它不適合您的所有需求，但它可以是一個很好的選擇也。