201104171805在ASP.NET MVC中使用Google地圖

  先前手中有一個案子需求:一個客戶列表,其中有一個欄位是地址,當使用者點了地址之後會出現該地址的Google地圖。因為沒有做過,所以只好上網提問了。

   經過一番討論,最後是參考了這一篇文章,並整理成以下的用法(請參看範例程式的Index.aspx):

 

 但是,問題來了。如果這個Google地圖只是要用一次的話,這麼寫倒是無所謂,但是將來如果在其他的頁面也要擺張地圖,總不能每次都寫那麼一大串吧!Google Map API Key是必需申請,且不同的網域也會有不同的Google Map API Key。因此,是否可以想想辦法,將來再有Google地圖的需求時,只要一行程式就能搞定。

 現在就讓我麼來對上述的程式做一些調整。首先因為Google Map API Key是對整個網域有效,所以如果將Google Map API Key寫在web.config可以方便管理,並且可以讓應用程式的所有網頁都可以讀取到(請參考範例程式的web.config)。

  接著,如下所示之程式,我們可實作一個擴充方法(請參閱範例程式的HtmlHelpers.cs)。

  有了擴充方法之後,為了能夠在網頁應用程式中的所有頁面都可使用,所以必須在web.config加入命名空間:

  如此一來,往後有需要Google地圖的頁面,只要使用如下所示的方法,輸入地址及地圖的寬度及高度,即可以一行的程式就能顯示出Google地圖:

  當然也可以使用資料繫結的方式(請參閱範例程式的About.aspx)。

 

不錯吧!整理成擴充方法之後,就算不明白該擴充方法怎麼寫出來的,只要會使用,一行程式就可以顯示出Google地圖了。

 

回應
線上客服
工商服務
阿源哥哥的新書


書籍內容簡介
關聯訊息







工商服務
關鍵字