嗯嗯,我自己的 blog 有在寫美食,就會有美食地點,當然我覺得把 google map api 整合進來,是不錯的方法,其實 google map 也提供了只要輸入地址,就可以直接幫妳對應經度跟緯度的值,這樣就可以利用 ajax 的技術把資料庫裡面的地址都加上 google map 了,至少之前 高雄線上 是這樣加上所有店家資訊的地址 google map,其實要使用 google map 相當容易,其實妳只要按照下面步驟就可以了:
- Sign up for a Google Maps API key.
- Read the Maps API Concepts.
- Check out some Maps API Examples.
- Read the Maps API Reference.
- 先申請
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
- 來聊聊 PHP & JavaScript & CSS 的 Coding Style
- 為什麼我選擇使用 Laravel Framework?
- OpenSSH 安全性漏洞 CVE-2016-0777 and CVE-2016-0778
- Laravel 搭配 Google, Facebook, Twitter 第三方 OAuth 認證
- 將 wordpress 強制使用 SSL 連線
- PHP 7 vs HHVM Benchmark 比較
- Laravel 50 個小技巧 + Laravel 5.2 新功能
- Laravel Homestead 支援 MySQL 5.7 和 Node 5.0
- PHP-FIG 新網站
- Laravel Homestead 支援 PHP 7