如何在显示多个标记时单击另一个标记时关闭信息窗口
How to close InfoWindow when clicking on another marker when multiple markers are displayed
我想在点击下一个标记时关闭当前信息窗口,因为现在它会在点击后显示所有信息窗口。
我的JavaScript
var marker = new MarkerWithLabel({
position: latlng,
draggable: false,
raiseOnDrag: true,
map: map,
icon: 'a.png',
labelContent: '<?php echo $rating.' % Review '.$review;?>',
labelAnchor: new google.maps.Point(22, 0),
labelClass: "labels"
});
marker['infowindow'] = new google.maps.InfoWindow({
content: '<p><?php echo $name ;?></p>'
});
google.maps.event.addListener(marker, 'click', function() {
this['infowindow'].open(map, this);
});
将以前打开的信息窗口保存在变量中,然后在打开新窗口时关闭。
var currWindow =false;
base.attachInfo = function(marker, i){
var infowindow = new google.maps.InfoWindow({
content: "Content"
});
google.maps.event.addListener(marker, 'click', function(){
if( currWindow ) {
currWindow.close();
}
currWindow = infowindow;
infowindow.open(base.map, marker);
});
}
相关文章:
- 访问布局信息是否也会导致浏览器重排
- 定义完全独立的样式信息
- 使用html2canvas获取基本信息
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 从信息框调用弹出图像库
- 如何在不传递此信息的情况下查找被调用的元素
- 将谷歌自动完成地址信息放在页面上,而不是表格中
- 如何通过解析类信息来使用jQuery创建类
- 包含数据库中相关信息的开放模态
- 单击按钮即可在浏览器的新选项卡中打开 Sapui5 详细信息页面
- 如何调整信息窗口的大小并点击按钮?+更改信息窗口的内容
- ng在更新$scope后重复不更新信息
- 谷歌地图点击潜水触发信息窗口
- 根据CHECKBOX输入值动态更新DIV信息
- 如何使用ember.js在操作中传递当前上下文中目标旁边的信息
- Jquery on单击“显示信息”
- 将FlowPlayer嵌入谷歌地图信息窗口
- AEM(cq5)使用组件内的信息
- 如何在完整日历中的当天点击时显示活动详细信息
- 使用javascript后台脚本获取Yotutube频道信息