<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<nav>
<ul>
<li>
<a href="">地图</a>
<a href="wenchuang.html">文创产品</a>
<a href="jieshao.html">地区介绍</a>
</li>
</ul>
</nav>
<!-- 首页插入地图 -->
<img src="img/cqditu.jpg" alt="出错啦" width="2000" height="2000" />
<map name="tongnan">
<area shape="rect" coords="208,328,289,354" href="tongnan.html" alt="sun" />
</map>
<!-- 坐标获取-->
<p id="coordinates"></p>
<script>
document.addEventListener('click', function(event) {
var x = event.clientX;
var y = event.clientY;
document.getElementById('coordinates').innerText = 'X坐标: ' + x + ', Y坐标: ' + y;
});
</script>
</body>
</html>