Javascript 实现google place搜索并将标记保存到google地图中的数据库

我想要实现的目标： 我想在谷歌地图中显示一个搜索框。当用户搜索某个位置时，结果将显示在地图框中。在地图上，当用户右键单击时，我想将标记存储在数据库中

我尝试实施的资源

将标记存储到数据库：

在地图中显示搜索框

我试图将这两个实现为一个：以下是我的最小代码

var-mapCenter=newgoogle.maps.LatLng（27.717285.3240）；
var映射；
google.maps.event.addDomListener（窗口“加载”，映射\u初始化）；
函数映射_初始化（）{
var map=new google.maps.map（document.getElementById（'map'）{
中心：地图中心，
缩放：13，
mapTypeId:“路线图”
});
google.maps.event.addListener（映射，'右键单击'，函数（事件）{
创建_标记（event.latLng）；
});
}
函数创建_标记（MapPos）{
var marker=new google.maps.marker({
位置:MapPos,，
地图：地图
});
}

#地图{
高度：200px；
}

---

需要从

create\u marker

函数访问

map

变量，因此您在其他函数之外声明了它。但是也在

map\u initialize

函数中。从那里删除

var

声明，它就会工作

我已编辑了您的原始问题，以包含，这意味着我删除了90%的代码，以仅保留您想要的内容：右键单击添加标记

请将此作为如何编写下一个问题的建议

var-mapCenter=newgoogle.maps.LatLng（27.717285.3240）；
google.maps.event.addDomListener（窗口“加载”，映射\u初始化）；
函数映射_初始化（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：地图中心，
缩放：13，
mapTypeId:“路线图”
});
google.maps.event.addListener（映射，'右键单击'，函数（事件）{
创建_标记（event.latLng）；
});
}
函数创建_标记（MapPos）{
var marker=new google.maps.marker({
位置:MapPos,，
地图：地图
});
}

#地图{
高度：200px；
}