Google maps api 3 谷歌地图API V3信息盒插件隐藏/显示?

Google maps api 3 谷歌地图API V3信息盒插件隐藏/显示?,google-maps-api-3,Google Maps Api 3,我正在使用谷歌地图API V3插件信息盒,我需要一些帮助。在代码中,循环在地图上创建了几个标记和信息框,但我想知道如何从一开始就隐藏信息框?我已尝试更改isHidden值,但不起作用。我还想知道当单击一个新标记以显示一个新的信息框时,如何隐藏Previously信息框?谢谢你的帮助!谢谢 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://maps.goo

我正在使用谷歌地图API V3插件信息盒,我需要一些帮助。在代码中,循环在地图上创建了几个标记和信息框,但我想知道如何从一开始就隐藏信息框?我已尝试更改isHidden值,但不起作用。我还想知道当单击一个新标记以显示一个新的信息框时,如何隐藏Previously信息框?谢谢你的帮助!谢谢

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="infobox.js"></script> 
<script type="text/javascript"> 
function initialize() {
    var latlng = new google.maps.LatLng(55.672962361614566, 12.56587028503418);

    var myMapOptions = {
         zoom: 15
        ,center: latlng
        ,mapTypeId: google.maps.MapTypeId.ROADMAP
        ,streetViewControl: false
    };
    var theMap = new google.maps.Map(document.getElementById("map_canvas"), myMapOptions);
// namn
var name=[];
name.push('Test 1');
name.push('Test 2');

// positioner
var position=[];
position.push(new google.maps.LatLng(55.667093265894245,12.581255435943604));
position.push(new google.maps.LatLng(55.66453963191134, 12.584795951843262));

// infoboxes
var infobox = [];
infobox.push("<div>Hello 1</div>");
infobox.push("<div>Hello 2</div>");

for (i = 0; i < position.length; i += 1) {
// Call function
createMarkers(position[i], infobox[i], name[i]);
}

function createMarkers(position,content,name) {

    var marker = new google.maps.Marker({
        map: theMap,
        draggable: false,
        position: position,
        visible: true,
        title: name
    });

    var boxText = document.createElement("div");
    boxText.style.cssText = "background: yellow; width: 300px; height: 70px; padding: 5px;";
    boxText.innerHTML = content;

    var myOptions = {
         content: boxText
        ,disableAutoPan: false
        ,maxWidth: 0
        ,pixelOffset: new google.maps.Size(-37, -120)
        ,zIndex: null
        ,boxStyle: { 
            background: "url('tipbox.gif') no-repeat"
            ,opacity: 1
            ,width: "300px"
         }
        ,closeBoxMargin: "5px 5px 5px 5px"
        ,closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif"
        ,infoBoxClearance: new google.maps.Size(1, 1)
        ,isHidden: false
        ,pane: "floatPane"
        ,enableEventPropagation: false
    };

    google.maps.event.addListener(marker, "click", function (e) {
        ib.open(theMap, this);
    });

    var ib = new InfoBox(myOptions);
    ib.open(theMap, marker);

    }

}
</script> 

<title>Creating and Using an InfoBox</title> 
</head> 
<body onload="initialize()"> 
<div id="map_canvas" style="width: 100%; height: 400px"></div> 

函数初始化(){
var latlng=新的google.maps.latlng(55.672962361614566,12.56587028503418);
var myMapOptions={
缩放:15
,中心:latlng
,mapTypeId:google.maps.mapTypeId.ROADMAP
,街景控件:false
};
var theMap=new google.maps.Map(document.getElementById(“Map_canvas”),myMapOptions);
//纳姆
变量名称=[];
name.push(“测试1”);
name.push(“测试2”);
//定位器
var位置=[];
position.push(新的google.maps.LatLng(55.667093265894245,12.581255435943604));
position.push(新的google.maps.LatLng(55.66453963191134,12.584795951843262));
//信息箱
var-infobox=[];
infobox.push(“Hello 1”);
infobox.push(“Hello 2”);
对于(i=0;i

删除该行:

ib.open(theMap, marker);
在单击标记之前,信息框应该保持隐藏状态