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

Question

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

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

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

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

Answer 1

使用以下步骤：

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

   google.maps.event.addListener(map, 'click', function(event) { addMarker to the map; });

2. 当用户单击标记时，打开带有包含字段的表单的信息窗口以获取数据和提交按钮。

   google.maps.event.addListener(marker, 'click', function(event) { Open the infowindow; });

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