我正在Google Maps中工作,并成功实现了Google Maps的信息框插件。现在,我担心的是如何知道标记的信息框是否处于打开状态。这样我就可以在点击标记时对其进行切换...
var locations = [
//this is array of arrays
];
var map = new google.maps.Map(document.getElementById('map_canvas'),{
disableDefaultUI : true,
zoom : 12,
center : new google.maps.LatLng(defaultLatitude,defaultLongitude),
mapTypeId : google.maps.MapTypeId.ROADMAP
});
var mapcode,myOptions;
for (var i = 0,len = locations.length; i < len; i++) {
var marker = add_marker(locations[i][1],locations[i][2],locations[i][3],'this is title',locations[i][0]);
allMarkers.push(marker);
marker.setMap(map);
};
function add_marker(lat,lng,icn,title,box_html) {
var marker = new google.maps.Marker({
animation : google.maps.Animation.DROP,
position : new google.maps.LatLng(lat,lng),
map : map,
icon : icn
});
mapcode = '<this is the code of infobox to show>';
myOptions = {
//options of the infobox...bla bla
};
var ib = new InfoBox(myOptions);
google.maps.event.addListener(marker, 'click', function() {
ib.open(map, marker);
});
return marker;
}
我是Google地图的新手,所以可能是我缺少了一些非常小的东西……在此先感谢...。
安库尔
最佳答案
如果您只需要随时打开一个信息框,则可以这样操作:
var ib = new InfoBox();
ib.isOpen = false;
function add_marker(lat,lng,icn,title,box_html) {
var marker = new google.maps.Marker({
animation : google.maps.Animation.DROP,
position : new google.maps.LatLng(lat,lng),
map : map,
icon : icn
});
mapcode = '<this is the code of infobox to show>';
myOptions = {
//options of the infobox...bla bla
};
marker.ibOptions = myOptions;
google.maps.event.addListener(marker, 'click', function() {
ib.setOptions(marker.ibOptions);
ib.open(map, marker);
ib.isOpen = true;
});
return marker;
}
如果这样做,则每次使用ib.isOpen = false调用ib.close()时都需要重置标志。 (您未指定在什么情况下关闭此框)
如果需要打开多个框:
function add_marker(lat,lng,icn,title,box_html) {
var marker = new google.maps.Marker({
animation : google.maps.Animation.DROP,
position : new google.maps.LatLng(lat,lng),
map : map,
icon : icn
});
mapcode = '<this is the code of infobox to show>';
myOptions = {
//options of the infobox...bla bla
};
var ib = new InfoBox(myOptions);
ib.isOpen = false;
marker.ib = ib;
google.maps.event.addListener(marker, 'click', function() {
marker.ib.open(map, marker);
marker.ib.isOpen = true;
});
return marker;
}
同样,如果您曾经调用过allMarkers [...]。ib.close(),则需要使用allMarkers [...]。ib.isOpen = false来重置标志。
我希望这有帮助。
关于javascript - 在Google map 中切换信息框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11946679/