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

[elebymax (eleby)]

各位前輩好
小弟我最近想做一個介紹台灣各地的網站
有一個構想是要用一個台灣地圖
然後用css或angular在各縣市放上紅點
以下是示意圖，以臺北作為範例http://i.imgur.com/zxwngCs.jpg
滑鼠移到紅點上，紅點會稍微放大一點
然後點擊後可以連到其他網頁

圖片目前已可以放到網頁上
麻煩的地方就是紅點的定位方式
不希望在縮放網頁時紅點會跑掉
不知道各位前輩有沒有處理過類似的問題呢？
懇請各位前輩指點迷津！

-----
Sent from JPTT on my HTC One 801e.

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.158.100.246
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1451670047.A.22D.html
※ 編輯: elebymax (49.158.100.246), 01/02/2016 01:42:04
推 TigerShen: 我是用canvas 116.50.32.7/modbus 用電腦看
感謝Tiger大的指點繪製紅點的部分
不過 關於放置紅點，有其他的辦法嗎？
※ 編輯: elebymax (49.158.100.246), 01/02/2016 02:39:43
→ illl: 用% ?
推 Canboo: http://canboo.github.io/Lab/imagemap/
→ Canboo: 但這個也只是大概位置，標在小島上還是會跑掉
→ TigerShen: 我是用faric.js來畫canvas 把地圖設定為背景
→ TigerShen: 再設定紅點座標像這樣116.50.32.7/modbus/js/tiger.js
→ TigerShen: 然後滑鼠滾輪縮放地圖時 紅點照比例縮放 位置就不會跑