Yahoo Maps 出現了新玩法,請直接看看以下範例:
新店市好吃的餐廳
- 可愛村便當:台北縣新店市大豐街8號
- 阿輝現炒黃牛肉:台北縣新店市中興路三段225號
- 黑人牛肉麵:台北縣新店市中興路三段176號
- 蘇杭:台北縣新店市民權路25號2F
- 王家包子:台北縣新店市國校路25號之1
- 辣。四川成都小炒:台北縣新店市吉安路2-1號
- 山東餃子館:台北縣新店市中央路133巷19號1樓
- 樂陶然健康小火鍋:台北縣新店市中央五街2號
- 六六火鍋:台北縣新店市中央路89號
- 龍門客棧:台北縣新店市中央路98號之1
- 麵對麵:台北縣新店市中央路33號
使用方式請下載 smart_address_ajax.js
smart address 可批次處理多個地址並且以地圖的方式顯示,但這些地址必須被包含在某個 DOM Element 裡面,如:
<ul id="foo">
<li>可愛村便當:台北縣新店市大豐街8號</li>
<li>阿輝現炒黃牛肉:台北縣新店市中興路三段225號</li>
<li>黑人牛肉麵:台北縣新店市中興路三段176號</li>
<li>蘇杭:台北縣新店市民權路25號2F</li>
<li>王家包子:台北縣新店市國校路25號之1</li>
<li>辣。四川成都小炒:台北縣新店市吉安路2-1號</li>
<li>山東餃子館:台北縣新店市中央路133巷19號1樓</li>
<li>樂陶然健康小火鍋:台北縣新店市中央五街2號</li>
<li>六六火鍋:台北縣新店市中央路89號</li>
<li>龍門客棧:台北縣新店市中央路98號之1</li>
<li>麵對麵:台北縣新店市中央路33號</li>
</ul>
所有要以地圖顯示的地址都被包在 id="foo" 的元素內,因此我們可以用 smart address 一次處理 id="foo" 元素內的所有地址。再打開你下載的 smart_address_ajax.js,找到倒數第 5 行:
var YA = document.getElementById('foo');
修改 document.getElementById('foo') 為你的網頁內的元素 id 名稱,記得將 Yahoo Maps API 也先 load 進來,這樣就可以有很酷的地圖功能了。
此外還有點選地址直接連結到雅虎奇摩地圖網站的方式,詳情請見SmartMap:地圖應用小工具 |