Javascript 谷歌地图自定义信息窗口-打开一个窗口，然后在另一个窗口打开后关闭，等等

我正在努力解决这个问题——得到了一个带有一些自定义信息窗口的谷歌地图。因此，单击标记将更改左侧框中的信息。已在页面上加载显示默认值，当您单击地图上的不同点时需要更改。我有法国改变，但你不能点击其他项目。纽约也是如此。你知道我哪里出错了吗

我在下面附上了我的代码。任何帮助都将不胜感激

希望有帮助

函数初始化（）{
变量映射选项={
中心：{
纬度：40.7499256，
液化天然气：-73.9854028
},
缩放：3，
动物控制：错误，
泛控制：错误，
街景控制：错误
};
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
变量img=”https://i.stack.imgur.com/JWM0W.png";
var NewYork=new google.maps.Marker({
位置：mapOptions.center，
地图：地图，
图标：img
});
var London=新的google.maps.Marker({
职位：{
纬度：51.5106122，
液化天然气：-0.1529072
},
地图：地图，
图标：img
});
var Paris=新的google.maps.Marker({
职位：{
拉脱维亚：48.8588589，
液化天然气：2.3470599
},
地图：地图，
图标：img
});
var HongKong=新的google.maps.Marker({
职位：{
拉脱维亚：22.2753729，
液化天然气：114.1757384
},
地图：地图，
图标：img
});
变量标记={
“纽约”：纽约，
“伦敦”：伦敦，
“巴黎”：巴黎，
‘香港’：香港
};
addListener（'单击'，更改内容）；
Paris.addListener（'click'，changeContentTwo）；
变量样式=[{
“功能类型”：“水”，
“elementType”：“geometry.fill”，
“造型师”：[{
“颜色”：“D3”
}]
},
{
“featureType”：“transit”，
“造型师”：[{
“颜色”：“8080”
},
{
“可见性”：“关闭”
}
]
},
{
“功能类型”：“道路.公路”，
“elementType”：“geometry.stroke”，
“造型师”：[{
“可见性”：“打开”
},
{
“颜色”：“B3”
}
]
},
{
“功能类型”：“道路.公路”，
“elementType”：“geometry.fill”，
“造型师”：[{
“颜色”：“#ffffff”
}]
},
{
“功能类型”：“road.local”，
“elementType”：“geometry.fill”，
“造型师”：[{
“可见性”：“打开”
},
{
“颜色”：“#ffffff”
},
{
“重量”：1.8
}
]
},
{
“功能类型”：“road.local”，
“elementType”：“geometry.stroke”，
“造型师”：[{
“颜色”：“D7D7”
}]
},
{
“featureType”：“poi”，
“elementType”：“geometry.fill”，
“造型师”：[{
“可见性”：“打开”
},
{
“颜色”：“ebebeb”
}
]
},
{
“功能类型”：“管理”，
“elementType”：“几何体”，
“造型师”：[{
“颜色”：“#A7A7”
}]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.fill”，
“造型师”：[{
“颜色”：“#ffffff”
}]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.fill”，
“造型师”：[{
“颜色”：“#ffffff”
}]
},
{
“特色类型”：“景观”，
“elementType”：“geometry.fill”，
“造型师”：[{
“可见性”：“打开”
},
{
“颜色”：“#efefef”
}
]
},
{
“功能类型”：“道路”，
“elementType”：“labels.text.fill”，
“造型师”：[{
“颜色”：“#6969”
}]
},
{
“功能类型”：“管理”，
“elementType”：“labels.text.fill”，
“造型师”：[{
“可见性”：“打开”
},
{
“颜色”：“#7373”
}
]
},
{
“featureType”：“poi”，
“elementType”：“labels.icon”，
“造型师”：[{
“可见性”：“关闭”
}]
},
{
“featureType”：“poi”，
“elementType”：“标签”，
“造型师”：[{
“可见性”：“关闭”
}]
},
{
“功能类型”：“道路干线”，
“elementType”：“geometry.stroke”，
“造型师”：[{
“颜色”：“#D6”
}]
},
{
“功能类型”：“道路”，
“elementType”：“labels.icon”，
“造型师”：[{
“可见性”：“关闭”
}]
},
{},
{
“featureType”：“poi”，
“elementType”：“geometry.fill”，
“造型师”：[{
“颜色”：“#达达”
}]
}
];
map.setOptions({
样式：样式
});
函数changeContent（）{
$（#klk-map-content-1”）.fadeOut（“快速”，函数（）{
$（#klk-map-content-2”）.fadeIn（“慢”）；
});
}
函数changeContentTwo（）{
$（#klk-map-content-1”）.fadeOut（“快速”，函数（）{
$（#klk-map-content-3”）.fadeIn（“慢”）；
});
}
//$（“.activebox”）.fadeOut（“快速”，函数（）{
//$（#klk-map-content-1”）.fadeIn（“慢”）；
//$（#klk-map-content-2”）.fadeIn（“慢”）；
//$（#klk-map-content-3”）.fadeIn（“慢”）；
// });
函数getCoords（位置）{
var text=position.replace（/[（）]/g'）.split（“，”）；
var lat=编号（文本[0]）；
var lng=编号（文本[1]）；
返回{
拉特：拉特，
液化天然气：液化天然气
};
}
}
google.maps.event.addDomListener（窗口“加载”，初始化）
*{
框大小：边框框！重要；
}
html，
身体{
身高：100%；
保证金：0；
填充：0；
}
#地图画布{
身高：85%；
宽度：100%；
}
#覆盖层{
背景色：黑色；
身高：100%；
宽度：100%；
z指数：1000；
}
#活跃的{
背景色：#333；
显示：块；
边缘底部：-5px；
高度：5px；
宽度：25.00%；
位置：相对位置；
z指数：999；
}
.导航{
显示：表格；
身高：15%；
列表样式：无；
保证金：0；
填充：0；
宽度：100%；
}
李国荣先生{
左边框：1px实心#e5；
颜色：#787878；
光标：指针；
显示器：t