Отображать определенное всплывающее окно при наведении курсора на разные элементы ⇐ Html

[Anonymous]

Я новичок в html css js и создал интерактивную карту некоторых греческих островов. Я пытаюсь сделать следующее: когда я навожу мышь на остров, я хочу отобразить всплывающее окно с некоторой информацией об острове. Я могу вручную разместить скрытые всплывающие окна над каждым островом, но это кажется очень медленным способом. В приведенном ниже коде я использую теги и , чтобы обозначить каждый остров на карте.
Мой код (12 греческих островов, расположенных на изображении):


Итак, проблема заключается в том, как отобразить всплывающее окно с помощью JavaScript над каждым островом, когда я наведу на него курсор, не размещая скрытые всплывающие окна вручную на моей странице. Мне не разрешено использовать jquery, поскольку это университетский проект. Буду признателен за вашу помощь.
Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/633 ... t-elements