Google maps 如何在google maps api v3中一次只显示一个信息窗口
我们是否可以在google地图中一次只显示一个信息窗口,并为多个标记显示多个信息窗口 也就是说,单击标记时隐藏/关闭其他信息窗口&仅显示当前标记信息窗口Google maps 如何在google maps api v3中一次只显示一个信息窗口,google-maps,google-maps-api-3,google-maps-markers,Google Maps,Google Maps Api 3,Google Maps Markers,我们是否可以在google地图中一次只显示一个信息窗口,并为多个标记显示多个信息窗口 也就是说,单击标记时隐藏/关闭其他信息窗口&仅显示当前标记信息窗口 谢谢。这是我在一次显示单个标记时使用的javascript代码 经过近3个小时的搜索,如果你用这种方式添加多个标记,我会以一种简单的方式找到它 var-markerArray=[]; 对于(var i=0;i
谢谢。这是我在一次显示单个标记时使用的javascript代码 经过近3个小时的搜索,如果你用这种方式添加多个标记,我会以一种简单的方式找到它
var-markerArray=[];
对于(var i=0;i”+
“”+
statusStr+
“更新”+
“”+
'' +
''
});
google.maps.event.addListener(newMarker,'click',函数(){
对于(变量i=0;i
我对您的代码进行了一段时间的研究,最后得出以下结论:
var markerArray = [];//necessary???
var infoHTML = '<div class="infoWindow"><header></header><div style="clear: both;"></div><div class="content"><p class="address"></p><p>Current Status - <select id="status"> <option value="5">Brochure</option><option value="6">Demo</option><option value="7">Site Visit</option><option value="8">Lease Approval</option></select><label>Update</label></p></div></div>';
//One infoWindow with dynamic content
var infoWindow = new google.maps.InfoWindow({
content: infoHTML
});
$(infoWindow).find("label").on('click', function() {
var stage = $(this).prev("select").val();
var marker = $(this).data('marker')
marker.data.Stage = stage;
updateCustomerStep(marker, stage);
});
function openInfoWin() {
var data = this.data;
var $infoWindow = $(infoWindow);
var $select = $infoWindow.find("select").val(data.Stage);
$infoWindow.find("label").data('marker',this);
$infoWindow.find("header").text(data.Name);
$infoWindow.find(".address").text([data.Address, data.City, data.State, data.CountryName].join(', '));
infoWindow.open(map, this);
}
for (var i = 0; i < markers.length; i++) {
var data = markers[i];
newMarker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(data.Latitude, data.Longitude),
title: data.Name + ", " + data.Address,
draggable: false
});
//Set marker icon depending upon current stage
switch (data.Stage) {
case 5: newMarker.setIcon(stage1MarkerImage); break;//Stage 1 - Brochure
case 6: newMarker.setIcon(stage2MarkerImage); break;//Stage 2 - Demo
case 7: newMarker.setIcon(stage3MarkerImage); break;//Stage 3 - Site Visit
case 8: newMarker.setIcon(stage4MarkerImage); break;//Stage 4 - Lease Approval
}
newMarker.data = data;
google.maps.event.addListener(newMarker, 'click', openInfoWin);
markerArray.push(newMarker);//necessary???
}
var-markerArray=[]//必要吗???
var infoHTML='当前状态-小册子访问权限更新日期
;
//一个包含动态内容的信息窗口
var infoWindow=new google.maps.infoWindow({
内容:infoHTML
});
$(信息窗口)。查找(“标签”)。在('click',function()上{
var stage=$(this.prev(“select”).val();
var marker=$(this.data('marker'))
marker.data.Stage=阶段;
updateCustomerStep(标记,阶段);
});
函数openInfoWin(){
var数据=此数据;
var$infoWindow=$(infoWindow);
var$select=$infoWindow.find(“select”).val(data.Stage);
$infoWindow.find(“label”).data('marker',this);
$infoWindow.find(“header”).text(data.Name);
$infoWindow.find(“.address”).text([data.address,data.City,data.State,data.CountryName].join(“,”);
打开(地图,这个);
}
对于(var i=0;i
注:
- 未经测试
- 状态选项现在的值等于以前的id
- 除非在代码中的任何位置使用markerArray,否则不再需要它
- 需要修改函数
,使其具有形式变量(标记、阶段)updateCustomerStep
- 我解决这个问题的方法如下
var infoWindowsOpenCurrently;// A temporarily variable to save currently opened info window
google.maps.event.addListener(marker, 'click', function() {
typeof infoWindowsOpenCurrently !== 'undefined' && infoWindowsOpenCurrently.close();//if variable is defined close
infowindow.open(map, marker);
infoWindowsOpenCurrently = infowindow;//set current info window to temporary variable
});
不!如果一次只打开一个infoWindow,则创建一个infoWindow,并在每次打开时更改其内容。如果您从数据库中创建并打开infoWindow内容,例如对于多个商店,它将如何获取其内容?如果我必须从infoWindow内容按钮更改标记图标,在这种情况下,一个信息窗口是否有效。你能建议在上面的代码更新(工作)以适应这个解决方案。好的,我会测试这个代码并尽快回复你。但是谢谢你的时间和努力。我要说的是祝福