如何在Javascript中将多个地图添加到图像

Question

我如何在JavaScript中图像的Usemaps属性中放置多个地图？

如果满足某些先决条件，除了“基本地图”之外，我还要使用特定的地图。

Answer 1

您需要在一个<area>元素内定义多个<map>元素，如下所示：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map

实际上，您不能在usemap属性中使用多个地图，只能使用一个。查看上面的链接。

如果要添加新的<area>，可以创建一个新的area元素，添加属性并将其作为子元素附加到地图。像这样：

let newArea = document.createElement('area');
newArea.coords = //YOURCODE
newArea.href = //YOURCODE
yourBaseMap.appendChild(newArea);