小编Dal*_*ale的帖子

我创建了一个交互式地图,当选择区域时,相关内容应该显示/隐藏,这是正常的.

链接到预览

我遇到的问题实际上是将区域/点的线路连接到相关的内容框.

我将如何使用我已有的JavaScript来解决这个问题:

 <style>
/* Fonts */
@font-face {
    font-family: 'Newbaskn';
    src: url('fonts/Newbaskn.eot');
    src: url('fonts/Newbaskn.eot') format('embedded-opentype'),
         url('fonts/Newbaskn.woff2') format('woff2'),
         url('fonts/Newbaskn.woff') format('woff'),
         url('fonts/Newbaskn.ttf') format('truetype'),
         url('fonts/Newbaskn.svg#Newbaskn') format('svg');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSansLight.eot');
    src: url('fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('fonts/OpenSansLight.woff2') format('woff2'),
         url('fonts/OpenSansLight.woff') format('woff'),
         url('fonts/OpenSansLight.ttf') format('truetype'),
         url('fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}
.map h3{font-family: 'Newbaskn';text-transform:uppercase;color:#b3772c;font-size:13px;font-weight:normal;line-height:0px;}

.map table{font-family: 'OpenSansLight';font-size:13px;font-weight:normal;padding: 15px;}
p{text-align:left;font-family: 'OpenSansLight';}
</style>
<div class="map" align="center">
<img src="mandela-map.jpg" alt="map" width="500" height="431"  border="0">

<button title="University of Cape Town &#013;University of Western Cape" name="uct-btn" id="uct-btn" style=" cursor:pointer; position: relative; left: -420px; …