Question

我想要做的就是拥有一个具有不同状态的国家/地区的地图，并在用户点击该状态时在单独的页面中描述该状态。我创建了一个不同状态的图像映射作为区域，但我无法放置被点击状态的实际坐标。

这是我的代码：

<script language="JavaScript"> 
function point_it(event,id){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
k=pos_x;
document.getElementById(id).coords.value=k;
}
</script>
</head>
<body>
<br><br>
<h1>Country Locations</h1>
<div id="pointer_div">
<img alt="country map " src="images/country.jpg"       


onclick="point_it(event,'state')"     width="500" height="300" usemap="#map" />

</div>
<map name="map">
<area  id="State" alt="IT" shape="default" coords=" " href="#bang" />
</map> 
<div id="bang"><h3>State</h3></div>
<p>Located at Country</p>

图像地图合并

0 个答案: