作者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/cn.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