Ajax交互式地圖

-1

我是新來的這個論壇，新來的jquery和ajax。所以，我正在嘗試創建一個交互式地圖。然而，在地圖旁邊會有一個表格（例如帶有複選框）。比方說，我們有一張歐洲地圖和一張有「海」或「以英語爲主要語言」或「有超過[用戶定義價值]公民」等選項的表格等等。當用戶選擇一個選項時，向查找滿足所選標準的所有國家的數據庫進行查詢。然後，這些國家在地圖上突出顯示，它們可點擊，而其他國家則不可以。我希望在不重新加載頁面的情況下發生這種情況，所以我將不得不使用ajax和jQuery與SVG地圖。是對的嗎？還有其他解決方案嗎？Ajax交互式地圖

問題是，互聯網上有什麼可修改的東西嗎？我GOOGLE了它，但沒有發現任何非常相似的東西。正如我所說我在ajax和jquery方面經驗不足，所以我無法從頭開始。

謝謝你的幫助。

來源

2012-10-10 Stergios

谷歌地圖已經這樣做，因此它是可能的。 –

就這麼你知道。如果你剛剛開始編程，你可能會咬牙切齒。我一直在編碼多年，永遠不會認爲我可以做這樣的項目。 – thatidiotguy

joao cunha在他的回答下的評論將成爲你最好的出發點。 – Tony

Google Maps API提供您所追求的功能。你可能想仔細看一下Overlay和Layers類，它爲你提供了地圖上的繪圖功能（比如覆蓋區域的poligon）。

此外，您需要將所有數據放在一個單獨的位置，因爲Google Maps API根本不提供任何數據。

我不同意@thatidiotguy，因爲這看起來並不困難。

創建覆蓋指定區域的多邊形;
在該國家放置可點擊標記以顯示任何其他相關信息。

祝你好運:)

來源

2012-10-10 18:33:34

關於你的第一點，創建一個多邊形，你知道有多少點來定義一個國家的邊界？您還需要考慮地圖縮放的時間。 – Tony

你是對的，因爲我不知道他究竟能如何找到所有這些要點 - 以及它們是否可以找到。但是，識別位置非常簡單，如下所示：http://gmaps-samples-v3.googlecode.com/svn/trunk/country_explorer/country_explorer.html –

該示例將是一個很好的起點。 +1 – Tony

我會建議使用谷歌Geochart API代替。我認爲它在視覺上看起來會更好，並且突出顯示這些國家更容易。如果您的數據庫構建良好，那麼即時構建交互式地圖並不難。我已經用geochart API構建了一個wp插件，並且在後端我有一個很大的表單，用戶可以輸入數據，然後在更改字段時動態更改地圖的預覽。所以，與你想要做的非常相似。這裏退房的API：https://developers.google.com/chart/interactive/docs/gallery/geochart

，並讓你有什麼我能與它做了一個想法： http://cmoreira.net/interactive-world-maps-demo/administration-screenshots/

希望它能幫助！乾杯

來源

2012-10-11 16:26:49 CMoreira

Ajax交互式地圖

回答

相關問題