Javascript 谷歌地图弹出文本框点击？

我有一些谷歌地图的代码，当你点击地图时，自动在文本框中填入纬度和经度

现在我想知道是否有一种方法可以让地图显示在弹出窗口中？我搜索了“谷歌地图”弹出框和沿同一条线的东西，但我找不到任何东西

例如：假设有一个id为“Location”的文本框。一旦你点击文本框，一个谷歌地图弹出窗口将出现，你可以点击，坐标将自动输入到“位置”（已经有这部分代码）。如果你点击弹出窗口后面屏幕上的任何地方，谷歌地图弹出窗口必须消失

我想到的是谷歌地图是隐藏的；一旦文本框出现“onclick”事件，它将显示弹出窗口，用户可以选择位置

我将添加代码

var映射；
var-marker=null；
函数初始化（）{
变量映射选项={
缩放：5，
disableDefaultUI:false，
中心：新google.maps.LatLng（21.268899719967695,39.2266845703125），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（'map'），mapOptions）；
google.maps.event.addListener（映射，'click'，函数（事件）{
$（“#Coordinate1”）.val（event.latLng.lat（）+”，“+event.latLng.lng（））；
$（“#坐标1”）。选择（）；
if（marker）{marker.setMap（null）；}
marker=new google.maps.marker（{position:event.latLng，map:map}）；
});
}  
google.maps.event.addDomListener（窗口“加载”，初始化）；

#地图{
宽度：350px；
高度：200px；
}
#协调人1{
文本对齐：居中；
边框：1px#ccc实心；
}

 > p>您应该考虑实现一个页面，在该页面中，您单独拥有该映射。在主页内将其用作
iframe
，并在需要时显示/隐藏其容器。因此，解决问题的步骤如下：


实现映射页面
添加一个弹出式容器，其中包含指向地图页面的
iframe
通过Javascript处理
iframe
页面和主页之间的通信