demoshop

官方網站

http://www.outsharked.com/imagemapster/

以往想要製作路線或地圖的圖型化搜尋功能都需要使用所謂的RIA （Flash、Silverlight）技術來達到，但是入門的門檻相對高了一些而且又有行動平台支援度的問題，這次 demo 要推薦你一個相當好用的 jQuery 套件，可以很輕鬆的處理掉這種圖型化搜尋的問題，讓你的 Image MAP 等級直升好幾倍。

這個套件實在是使用簡單，你只需要先把地圖或是地鐵圖畫好再利用網頁製作工具選出區塊（Image MAP 你可以用手打出來我也滿佩服的）官網也提供了多種應用可觀看（官網範例）

 

請按「Result」可以看到執行畫面

不要小看這樣的功能，當你有了一張漂亮的底圖以後你也會有美麗的效果，以下網址就是 demo 的實際使用案例

http://www.sinyi.co.jp/fortw/BestProjectList.aspx?t=2

頁面拉到中間就可以看到地圖搜尋。