谷歌地图API中的搜索框 - 与信息数据库链接集成

问题描述：

我是一个newby在这和这个问题可能很简单，你很多，但请帮助。谷歌地图API中的搜索框 - 与信息数据库链接集成

我想在一个非常简单的谷歌地图脚本内整合搜索框。

1-我成功地从这里复制了该文件：From Info Windows to a Database: Saving User-Added Form Data 已配置，它的工作原理非常好！

现在我试图将搜索框功能添加到现有的代码。基本上，我想把这个：Place Search Box 整合到前面的代码中。

这将使我能够在将特定位置添加到我的数据库之前搜索地点（城市）。

谢谢！

答

您可以设置这样的事情：

实现搜索的地方。
获取重要数据（名称，地址，类型）会自动使用此数据填充信息窗口。
在数据库中编辑/保存数据。

代码：

// Create a marker for each place. 
markers.push(new google.maps.Marker({ 
map: map, 
icon: icon, 
title: place.name, 
position: place.geometry.location 
}));

然后从你的链接添加自定义信息窗口/调整一些值的形式，得到了地方搜索的结果。

var html = "<table>" + 
"<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" + 
"<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" + 
"<tr><td>Type:</td> <td><select id='type'>" + 
"<option value='bar' SELECTED>bar</option>" + 
"<option value='restaurant'>restaurant</option>" + 
"</select> </td></tr>" + 
"<tr><td></td><td><input type='button' value='Save & Close' onclick='saveData()'/></td></tr>"; 
infowindow = new google.maps.InfoWindow({ 
content: html 
}); 

google.maps.event.addListener(map, "click", function(event) { 
marker = new google.maps.Marker({ 
position: event.latLng, 
map: map 
}); 
google.maps.event.addListener(marker, "click", function() { 
infowindow.open(map, marker); 
}); 
}); 
}

以下是来自places details的项目响应列表。

谷歌地图API中的搜索框 - 与信息数据库链接集成

相关推荐