作者elebymax (eleby)
看板Ajax
標題[問題] 地圖圖片上放置紅點
時間Sat Jan 2 01:40:44 2016
各位前輩好
小弟我最近想做一個介紹台灣各地的網站
有一個構想是要用一個台灣地圖
然後用css或angular在各縣市放上紅點
以下是示意圖，以臺北作為範例
http://i.imgur.com/zxwngCs.jpg
滑鼠移到紅點上，紅點會稍微放大一點
然後點擊後可以連到其他網頁
圖片目前已可以放到網頁上
麻煩的地方就是紅點的定位方式
不希望在縮放網頁時紅點會跑掉
不知道各位前輩有沒有處理過類似的問題呢？
懇請各位前輩指點迷津！
-----
Sent from JPTT on my HTC One 801e.
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.158.100.246
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1451670047.A.22D.html
※ 編輯: elebymax (49.158.100.246), 01/02/2016 01:42:04
1F：推 TigerShen: 我是用canvas 116.50.32.7/modbus 用電腦看 01/02 02:16
感謝Tiger大的指點繪製紅點的部分
不過 關於放置紅點，有其他的辦法嗎？
※ 編輯: elebymax (49.158.100.246), 01/02/2016 02:39:43
2F：→ illl: 用% ? 01/02 06:25
4F：→ Canboo: 但這個也只是大概位置，標在小島上還是會跑掉 01/02 09:42
5F：→ TigerShen: 我是用faric.js來畫canvas 把地圖設定為背景 01/02 13:29
6F：→ TigerShen: 再設定紅點座標像這樣116.50.32.7/modbus/js/tiger.js 01/02 13:31
7F：→ TigerShen: 然後滑鼠滾輪縮放地圖時 紅點照比例縮放 位置就不會跑 01/02 13:32