Альтернатива javascript для использования карты и областей для отображения изображения

Question

Я знаю, что есть два вопроса, связанных с этим, но все еще нет правильного ответа.Проблема в том, что мне нужно изображение с кликабельными областями, первое решение - карта / область, но если вам нужно много областей, это слишком много html.

При поиске в Google "hoteles en cancun"

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, ни тегов карты / области, так как они это делают?Я нашел в ответе js со всеми фигурами в формате json, но не смог найти способ связать их с изображением, отличным от карты / области.

Я спрашиваю об этом, потому что не хочу добавлятьсотни тегов области и потому что этот метод немного стар, и я был бы признателен за рекомендацию или лучший способ для достижения этой задачи

Answer 1

Лучший способ - это спрайты CSS.Использование может использовать столько изображений, сколько вы хотите, а затем использовать положение фона, чтобы иметь их в нужном месте.Вы даже можете использовать background-size, но только для браузеров, поддерживаемых HTML5 !!