【问题标题】:user add drop pin, Google maps用户添加放置图钉,谷歌地图
【发布时间】:2012-04-17 14:06:26
【问题描述】:
我们正在创建一个在线应用程序,让用户可以将图钉添加到谷歌地图。请看
我们如何通过用户点击添加位置?我想用户通过左/右键单击添加位置,放置一个图钉并在地图上出现一个框,然后用户输入有关该位置的一些信息。
名称
地址
店铺联系方式
店长
电子邮件
网站
备注
我希望谷歌地图放置一个图钉、地理定位、将信息传递到数据库并存储有关位置的用户输入。
【问题讨论】:
标签:
jquery
google-maps
geolocation
【解决方案1】:
使用以下步骤:
-
当用户点击地图时创建一个标记
google.maps.event.addListener(map, 'click', function(event) {
向地图添加标记;
});
-
当用户单击标记时打开信息窗口,其中包含用于获取数据和提交按钮的表单。
google.maps.event.addListener(marker, 'click', function(event) {
打开信息窗口;
});
当用户点击提交按钮时,将数据连同经度、纬度一起保存到数据库中