Javascript 如何检查用户是否点击HTML5地图区域坐标

我尝试检查用户是否单击地图区域，我需要它，因为我创建了一个查找差异的游戏。 我想设置如下内容： 如果用户单击地图区域：警报（'yes'） 否则，如果用户未单击地图区域：警报（'no'）

我尝试这样做（适用于多个区域）：

$（“#img1”）。单击（函数（e）{
如果（$（“map#diffmap”）。单击（））警报（'yes'）；
else警报（“否”）；
});希望这段代码有帮助


let outer=document.querySelector（'#outer'）；
let inner=document.querySelector（“#inner”）；
让外部单击处理程序=函数（ev）{
警告（“否”）；
};
让内部单击处理程序=函数（ev）{
警惕（“是”）；
ev.stopPropagation（）；
};
addEventListener（'click'，outer\u click\u处理程序）；			
addEventListener（'click'，internal\u click\u处理程序）
.outer{
背景:#123321；
填充：10px；
宽度：200px；
高度：200px；
}
.内部{
背景：#789987；
填充：10px；
宽度：100px；
高度：100px；
边界半径：50%；
填充：20px；
光标：指针
}

地图
地图面积究竟是多少？它是一个长方形吗？@rach8garg它是一个圆，我说的是多重的areas@John您使用的是什么特定的js映射库。如果它是一个圆形区域，您应该检查API文档中的形状层events@JeremeCausing对不起，我不明白你说的是哪个js库。我说的是@John抱歉，我以为你说的是谷歌地图中的地图。我忘了tagHi，我需要地图区域标签，你可以在代码中更改ID。用
#diffmap
替换
internal
。我在js中没有专业知识，这是我第一次看到：
let
，它是什么意思？与var相同但略有不同。我对您的代码有疑问，我的地图中有多个区域，每个区域都有不同的id，那么代码如何调用每个id？