Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript使用map和areas映射图像的替代方法_Javascript_Image_Imagemap - Fatal编程技术网

javascript使用map和areas映射图像的替代方法

javascript使用map和areas映射图像的替代方法,javascript,image,imagemap,Javascript,Image,Imagemap,我知道有两个问题与此相关,但仍然没有一个有效的答案。 问题是:我想要一个带有可点击区域的图像,第一个解决方案是map/area,但是如果你想要很多区域,那就是太多html了 当我在谷歌坎昆酒店搜索时: 他们画了一张带有可点击区域的小地图,但没有usemap属性,也没有地图/区域标签,所以,他们怎么做?我在响应中找到了一个js,其中包含json格式的所有形状,但我找不到将它们与地图/区域以外的图像相关联的方法 我问这个问题是因为我不想添加数百个区域标记,而且这项技术有点陈旧,我希望能推荐一种更好的

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

当我在谷歌坎昆酒店搜索时:

他们画了一张带有可点击区域的小地图,但没有usemap属性,也没有地图/区域标签,所以,他们怎么做?我在响应中找到了一个js,其中包含json格式的所有形状,但我找不到将它们与地图/区域以外的图像相关联的方法


我问这个问题是因为我不想添加数百个区域标记,而且这项技术有点陈旧,我希望能推荐一种更好的方法来完成这项任务,最好的方法是CSS精灵。用户可以使用任意数量的图像,然后利用背景位置将它们放置在适当的位置。您甚至可以使用背景大小,但仅适用于支持HTML5的浏览器