[AJAX] google map 的應用~

嗯嗯,我自己的 blog 有在寫美食,就會有美食地點,當然我覺得把 google map api 整合進來,是不錯的方法,其實 google map 也提供了只要輸入地址,就可以直接幫妳對應經度跟緯度的值,這樣就可以利用 ajax 的技術把資料庫裡面的地址都加上 google map 了,至少之前 高雄線上 是這樣加上所有店家資訊的地址 google map,其實要使用 google map 相當容易,其實妳只要按照下面步驟就可以了:

  1. Sign up for a Google Maps API key.
  2. Read the Maps API Concepts.
  3. Check out some Maps API Examples.
  4. Read the Maps API Reference.
  1. 先申請

google map 的 api key 填入網址之後,他會給妳一組 api key 就是 js 要寫入的部份,底下是官方提供的範例:


  
  
    

裡面其中的這一段:
#
# google map api key
其實可以利用 Google’s AJAX APIs 改寫成:
如果你要用 google translate language api 可以用:
//google language api
google.load("language", "1");
接下來是使用官方提供的地址轉換經度緯度功能,然後在小小的修改就可以了:
接下來只要在blog文章裡面使用:
這樣就可以了喔

See also