2014-12-04 74 views
0

我需要从头开发asp.net webApplication,而不使用google map api,当用户选择任何位置时在地图图像上设置位置,并在当前位置设置任何图像地图定位器该用户选择了它。获取/设置地图图像鼠标位置

更清晰,它像谷歌地图。我为用户显示一张地图,然后用户选择任何位置来构建他/她的房子,然后在鼠标离开时,我为该位置设置了一个选择器图像,如“google map上的红色箭头”,并保存所选图像像素,在获取用户数据的过程中,我把这个图像选择器放在用户先前选择的位置上。

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

回答

1

假设的jQuery:

遵守相关的鼠标事件(如点击),这将有性能pageXpageY(在该文档的鼠标相对坐标)。

的“地图”偏移,您将通过offset()

能获得的点击坐标(你要存储什么)相关的地图将是:

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

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

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