用户添加放置图钉，谷歌地图

Posted 2023-02-23

【中文标题】用户添加放置图钉，谷歌地图

【英文标题】：user add drop pin, Google maps

【发布时间】：2012-04-17 14:06:26

【问题描述】：

我们正在创建一个在线应用程序，让用户可以将图钉添加到谷歌地图。请看

我们如何通过用户点击添加位置？我想用户通过左/右键单击添加位置，放置一个图钉并在地图上出现一个框，然后用户输入有关该位置的一些信息。

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

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

【参考方案1】：

使用以下步骤：

当用户点击地图时创建一个标记

google.maps.event.addListener(map, 'click', function(event) 向地图添加标记； );

当用户单击标记时打开信息窗口，其中包含用于获取数据和提交按钮的表单。

google.maps.event.addListener(marker, 'click', function(event) 打开信息窗口； );

当用户点击提交按钮时，将数据连同经度、纬度一起保存到数据库中