用户添加drop pin,谷歌地图

时间:2012-04-17 14:06:26

标签: jquery google-maps geolocation

我们正在创建一个在线应用,让用户可以在谷歌地图中添加引脚。请参阅

我们如何通过用户点击添加位置?我想用户正在通过左/右点击添加位置,放置一个图钉并在地图上显示一个框,然后用户输入有关该位置的一些信息。

名称
地址
店铺联系方式
店铺经理 电子邮件
网站
备注

我希望谷歌地图放置图钉,地理定位,将信息传递给数据库并存储有关位置的用户输入。

1 个答案:

答案 0 :(得分:3)

使用以下步骤:

  1. 当用户点击地图时,创建标记

    google.maps.event.addListener(地图,'点击',功能(事件){                 addMarker到地图;             });

  2. 当用户点击标记打开infowindow时,使用表单congaing字段来获取数据和提交按钮。

    google.maps.event.addListener(标记,'点击',功能(事件){             打开infowindow;         });

  3. 当用户点击提交按钮时,将数据与经度,纬度一起保存到数据库