Javascript替代使用地图和区域来映射图像

javascript alternative to use map and areas to map an image

本文关键字:区域 映射 图像 地图 Javascript      更新时间:2023-09-26

我知道有两个问题与此相关,但仍然没有一个有效的答案。问题是:我想要一个有可点击区域的图像,第一个解决方案是map/area,但如果你想要很多区域,它的html太多了。

当我在google中搜索"hoteles en cancun"时:

http://www.google.com.mx/search?sourceid=chrome& ie = UTF-8& q = hoteles + en +坎昆# sclient = psy-ab& hl = es&源= hp& q = hoteles + en + cancun& pbx = 1, oq = hoteles + en + cancun& aq =的机能=和aql =, gs_sm = s& gs_upl = 0 l0l0l57647343l0l0l0l0l0l0l0l0ll0l0& bav = on.2 or.r_gc.r_pw.r_cp, cf.osb& fp = f90396ce82f1d2e9&车身= 1920,波黑= 674

他们绘制了一个带有可点击区域的小地图,但是没有usemap属性也没有map/area标签,那么他们是怎么做到的呢?我在响应中发现了一个json格式的所有形状,但我找不到一种方法将它们与地图/区域以外的图像关联起来。

我问这个问题是因为我不想添加数百个区域标签而且这个技术有点老了,我希望有更好的方法来完成这个任务

最好的方法是使用CSS精灵。Use可以使用任意多的图像,然后利用背景位置将它们放在适当的位置。你甚至可以在支持HTML5的浏览器上使用background-size !!