[問題] 地圖圖片上放置紅點

作者: elebymax (eleby)   2016-01-02 01:40:44
各位前輩好
小弟我最近想做一個介紹台灣各地的網站
有一個構想是要用一個台灣地圖
然後用css或angular在各縣市放上紅點
以下是示意圖,以臺北作為範例http://i.imgur.com/zxwngCs.jpg
滑鼠移到紅點上,紅點會稍微放大一點
然後點擊後可以連到其他網頁
圖片目前已可以放到網頁上
麻煩的地方就是紅點的定位方式
不希望在縮放網頁時紅點會跑掉
不知道各位前輩有沒有處理過類似的問題呢?
懇請各位前輩指點迷津!
作者: TigerShen (Tiger)   2016-01-02 02:16:00
我是用canvas 116.50.32.7/modbus 用電腦看
作者: illl (ill!)   2016-01-02 06:25:00
用% ?
作者: Canboo (啃布先生)   2016-01-02 09:41:00
http://canboo.github.io/Lab/imagemap/但這個也只是大概位置,標在小島上還是會跑掉
作者: TigerShen (Tiger)   2016-01-02 13:29:00
我是用faric.js來畫canvas 把地圖設定為背景再設定紅點座標像這樣116.50.32.7/modbus/js/tiger.js然後滑鼠滾輪縮放地圖時 紅點照比例縮放 位置就不會跑

Links booklink

Contact Us: admin [ a t ] ucptt.com