我正在尝试制作一个带有多个标记的地图,每个标记都有一个infowindow.到目前为止没什么好看的.
所有的信息都应该打开.没问题.
如果我点击,每个信息都会关闭
在它自己的标记上
在它的infowindow的X.
后者也没问题.
但是,如果我点击标记,它的表现就不应该.
页面已加载.infowindows是开放的.现在我单击Marker 1并关闭Marker 2的infowindow.如果我再次点击Marker 1,Marker 1上会打开第二个infowindow.Marker 1上的"初始"infowindow只能用infowindow中的X关闭.
如果我通过X关闭所有infowindows然后我可以通过他们的标记打开和关闭每个infowindow.但是:打开的infowindows将被点击另一个标记关闭,这不是我想要的.只需单击自己的标记即可打开和关闭信息窗.
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Circles</title>
<style>
html, body {
height: 100%;
margin: 0px;
padding: 0px
}
#map-canvas {
height: 500px;
width:800px;
margin: 0px;
padding: 0px
}
</style>
<script>
function initialize() {
var infos = [];
var locations = [
['Marker 1', 54.08655, 13.39234, 2],
['Marker 2', 53.56783, 13.27793, 1]
];
var map = new google.maps.Map(document.getElementById('map-canvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControl: …javascript google-maps infowindow google-maps-api-3 google-maps-markers