读书人

Google Map API V3 (2) 点击标记一个点

发布时间: 2012-08-30 09:55:54 作者: rapoo

Google Map API V3 (二) 点击标记一个点
在上一版本上增加了标记新点的功能,初始化显示一个点,通过修改在地图上增加一个单词点击监听事件,并根据用户的点击标记新的点,隐藏原有显示,并记录下当前点击坐标位置
后面就是对于标记点的保存了
恢复可以显示初始化时候标记的点信息及弹出信息框(我没有改动上面的Y和X,初始值在$G.y和$G.x中保存)

PS:google区别于人们的原有思想,即google的地图对于 x y 的定义是y轴在前,x轴在后(y:南北纬 x:东西经)




另外鼠标右键点击地图并在点击位置显示菜单的功能基本实现,先上图

原理是监听event事件的时候可以获得 map_canvas 中鼠标的 position:relative 所对应的浏览器x,y点信息。然后动态改变地图中弹出框所在的坐标位置

读书人网 >Web前端

热点推荐