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

Question

我知道有两个相关的问题，但仍然没有一个有效的答案。 问题是：我想要一个具有可点击区域的图像，第一个解决方案将是地图/区域，但如果您想要很多区域，则会出现太多html。

当我在谷歌“酒店预订EN坎昆”搜索：

http://www.google.com.mx/search?sourceid=chrome&ie=UTF-8&q=hoteles+en+cancun#sclient=psy-ab&hl=es&source=hp&q=hoteles+en+cancun&pbx=1&oq=hoteles+en+cancun&aq=f&aqi=&aql=&gs_sm=s&gs_upl=0l0l0l57647343l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=f90396ce82f1d2e9&biw=1920&bih=674

他们画一个小地图可点击区域，但有没有一个USEMAP财产，也不是图/地区代码，因此，他们怎么办这个？我在json格式的响应中发现了一个js，但是我找不到一个将它们与图像/区域以外的图像相关联的方法。

我问这个，因为我不想增加数百个区域的标签，也是因为这个技术是一老一少我会很感激一个recomendation或更好的方式来实现这一任务

Answer 1

以最好的方式去的是CSS精灵。使用可以使用尽可能多的图像，然后利用背景位置将它们放在适当的位置。您甚至可以使用background-size，但仅适用于支持HTML5的浏览器！