用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