如何在图片上做图片标记，并存数数据库中

我遇到一个问题，请大家帮忙看看！
一张地图图片，让在一定的位置加上标记（小图片），标记可以更改、添加、删除。并且位置和显示状态保存在数据库中。我认为的解决方法。我用div层的形式，把地图图片放在最底层，标记放在上层显示。获取div地图的坐标位置，同时获取标记的相对位置并显示。添加标记的时候，默认位置在中间或右下角。用鼠标拖动到具体位置，填写标记的注释，然后保存。当鼠标放置到标记上的时候再上一层显示他注释文字，离开时消失。更新的时候鼠标点击，连接到其他页面更新；（可暂不考虑）删除的时候，直接选中删除。（可暂不考虑）不知道这种方法能实现吗？我现在的问题是不知道如何去定位div，如何获取div地图的相对坐标，并提交给后台。大家帮忙看看。