Javascript 信息窗口被自定义div元素重叠，因为映射不是自动平移
我有一个自定义div，它位于谷歌地图上的绝对位置。请看下图。我的问题是信息窗口被自定义div元素重叠，如下图所示 我希望地图应该平移时，我点击标记，然后信息窗口应该打开 我正试图达到类似的结果，如。请参见下面谷歌“我的地图”中的图片。在google my map中，当我单击标记时，顶层div（显示“无标题地图”文本的div）附近的信息窗口不重叠。当信息窗口打开时，地图自动窗格Javascript 信息窗口被自定义div元素重叠，因为映射不是自动平移,javascript,html,css,google-maps,Javascript,Html,Css,Google Maps,我有一个自定义div，它位于谷歌地图上的绝对位置。请看下图。我的问题是信息窗口被自定义div元素重叠，如下图所示 我希望地图应该平移时，我点击标记，然后信息窗口应该打开 我正试图达到类似的结果，如。请参见下面谷歌“我的地图”中的图片。在google my map中，当我单击标记时，顶层div（显示“无标题地图”文本的div）附近的信息窗口不重叠。当信息窗口打开时，地图自动窗格 var映射； var芝加哥={ 拉脱维亚：41.85， 液化天然气：-87.65 }; /** *CenterCon
var映射；
var芝加哥={
拉脱维亚：41.85，
液化天然气：-87.65
};
/**
*CenterControl向地图添加一个控件，该控件在地图上重新居中
*芝加哥。
*此构造函数将控件DIV作为参数。
*@constructor
*/
功能中心控制（controlDiv，地图）{
//为控件边框设置CSS。
var controlUI=document.createElement（'div'）；
controlUI.style.backgroundColor='#fff'；
controlUI.style.border='2px solid#fff'；
controlUI.style.borderRadius='3px'；
controlUI.style.boxShadow='0 2px 6px rgba（0,0,0,3）'；
controlUI.style.cursor='pointer'；
controlUI.style.marginBottom='22px'；
controlUI.style.textAlign='center'；
controlUI.title='单击以重新居中地图'；
controlDiv.appendChild（controlUI）；
//为控件内部设置CSS。
var controlText=document.createElement（'div'）；
controlText.style.color='rgb（25,25,25）'；
controlText.style.fontFamily='Roboto，Arial，无衬线'；
controlText.style.fontSize='16px'；
controlText.style.lineHeight='38px'；
controlText.style.paddingLeft='5px'；
controlText.style.paddingRight='5px'；
controlText.innerHTML='中心地图'；
controlUI.appendChild（controlText）；
//设置click事件侦听器：只需将映射设置为Chicago。
controlUI.addEventListener（'单击'，函数（））{
赛特中心地图（芝加哥）；
});
}
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
缩放：12，
中心：芝加哥
});
//创建DIV以保存控件并调用CenterControl（）
//构造函数传入这个DIV。
var centerControlDiv=document.createElement（'div'）；
var centerControl=新的centerControl（centerControlDiv，map）；
centerControlDiv.index=1；
map.controls[google.maps.ControlPosition.TOP\u CENTER].push（centerControlDiv）；
}/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}