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的瀏覽器！