获取/设置地图图像鼠标位置

Question

我需要在不使用google map api的情况下从头开始开发asp.net webApplication，当用户选择任何位置时在地图图像上设置位置，并在用户选择的当前位置设置任何图像地图定位器。

更清楚，就像谷歌地图。我为用户显示地图，然后用户选择任何位置来建造他/她的房子，然后在鼠标离开时我为该位置设置一个选择器图像“就像谷歌地图上的红色箭头”，并保存选定的图像像素，在获取用户数据的过程中，我将该图像选择器放在用户之前选择的位置上。

我需要任何可以帮助我的文章和可以支持我的工具，谢谢。

Answer 1

假设 jQuery：

观察相关的鼠标事件（例如单击），它将具有属性pageX 和pageY（相对于文档的鼠标坐标）。

您将通过offset() 获得的“地图”的偏移量

所以与地图相关的点击坐标（你必须存储的）将是：

x: event.pageX-mapOffset.left
y: event.pageY-mapOffset.top

要绘制标记（红色箭头或其他东西），您必须计算点击坐标的偏移量（默认地图标记锚定在中心/底部）。 从点击坐标中减去标记的高度和半宽以获得正确的位置。

结果：http://jsfiddle.net/doktormolle/jth8fdy4/