标记与CSS和JavaScript地图

Question

我正在做一个很简单的网页，其中需要做到以下几点上：

会有一个地图，这是一个div的背景图像，并且会有一些在地图上分布的可点击图像（每个都在它自己的div内）。单击图像时，应使地图上的某些标记出现或消失，以指示可在地图上找到的位置。

它不应该是花哨的，它只是应该工作，很快就可以做到（我没经验，没有太多时间）。你会建议什么？

我试图找到一种方法来做到这一点只是CSS，但我能做的最好的做法是一个非常原始和不切实际的做法，没有什么简单和优雅。如果可能，我想避免使用任何库。

Answer 1

做这样的事情

document.getElementById('a1').addEventListener('click', toggle); 
function toggle(a){ 
document.getElementById("i1").style.display='block'; 
setTimeout(function(){ 
document.getElementById("i1").style.display='none'; 
},500); 
} 

小提琴：

Fiddle