2010-01-03 58 views
4

我需要根據我的asp.net(MVC)c#應用程序中的聯繫人地址顯示Google地圖。根據MVC/jQuery中的地址顯示Google地圖

我有我的應用程序中的聯繫人列表。當用戶查看特定聯繫人時,我需要將聯繫人地址的谷歌地圖顯示在聯繫人視圖頁面的一側。

我如何使用jQuery在MVC中實現此功能?

回答

1

您可以使用jQuery Google Maps plugin對於這一點,但它並沒有支持又一個地址轉換成位置,因爲它需要緯度和經度前面

+0

這個插件很好地顯示經緯度的谷歌地圖。要計算緯度和長度這是一個地址,鏈接http://blog.donnfelker.com/post/C-Google-Geocode-(Latitude-and-Longitude)-Class.aspx非常有用。 – Prasad 2010-01-04 13:17:18

+0

這個插件非常有用,這是非常容易使用。 – 2012-12-19 22:23:00

1

您可能想要做的第一件事是獲取聯繫人地址的經度和緯度。您可以訪問geoCode api並實時執行該操作,也可以在首次創建新聯繫人時將其保存並保存到數據庫中。如果您不需要爲每個頁面請求執行geoCode查找,我強烈推薦以後再討論,這樣可以節省大量時間。

然後將您的經度和緯度附加到ViewModel,以便您可以在視圖中使用這些值。將緯度和經度設置爲幾個JavaScript變量,你很好。

看看谷歌地圖API的「你好世界」,你應該有你需要的所有信息。只需將選項設置爲您想要的並使用您的經度和緯度。

因爲你主要使用Google的api,所以你可以用jQuery做的事情不多。唯一真正的優勢是可能把東西放在$(funcion(){...所以你不必在body onload =上做一個函數... ...