Я делал что-то подобное в прошлом, используя MVC3 с Razor viewengine.
Я сделал так, чтобы в моей базе данных было две таблицы: одна для изображения (сохраненный идентификатор изображения, путь к изображению и некоторые другие метаданные, которые хотел пользователь), а другая для координат. В таблице координат был столбец, соответствующий идентификатору изображения.
Я запросил базу данных для изображения, а затем запросил координаты, соответствующие идентификатору изображения. Получив эту информацию, я установил источник изображения в виде и загрузил плавающие гиперссылки поверх изображения по координатам, которые были в базе данных. Эти ссылки содержали изображение значка, и когда пользователь нажимал на них, открывался лайтбокс с подробной информацией об этой координате.
Все, что вам нужно сделать, это перебрать список координат в представлении, чтобы создать соответствующий HTML.
вот оно в действии: http://www.merillat.com/inspiration-design/gallery-detail/hotspot/133/index.html
надеюсь, это поможет