Создать верстку интерактивной карты

Необходимо создания верстки интерактивного генплана http://prntscr.com/cju9zb шириной 940px наподобие https://goo.gl/BzKhFh

т.е. карту разбить на области, пронумеровать, при наведении мышки выделять границы участка и во всплывающем окне выводить характеристики из бд.
Часть участков может быть помечена малиновым как проданные.

Нужна верстки и базовая инструкция по интеграции ее с бд