Skip to main content
1 de 2

Iniciar página com checkbox desmarcado

Pessoal sou iniciante em programação e estou tentando desenvolver um web map que possui layers, para serem ligados ou desligados pelo usuário através das checkbox.

Estou com dificuldade para fazer com que a página seja carregada com as checkbox desmarcadas, e portanto, com os layers desligados. Já tentei remover o "checked" do código, porém, quando faço isso a página carrega com as checkbox desmarcadas, mas os layers permanecem ligados (visíveis), ou seja, o layer fica ligado com a checkbox desmarcada e desliga quando é selecionada. Alguém pode me ajudar a resolver isso? Obrigado.

<html>
<head>
    <title>Lajeado</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="JavaScript.js"></script>
</head>
<body>
    <h2> Lajeado </h2>
<div id="left">
    <div id="map-canvas"></div>
</div>
<div id="right">
    <div><input type="checkbox" value="1" onclick="changeMap(this.value)" checked="checked" />Bacia </div>
    <div><br /></div>
    <div><input type="checkbox" value="2" onclick="changeMap(this.value)" checked="checked" />Drenagem (Fonte: IBGE) </div>
    <div><br /></div>
    <div><input type="checkbox" value="3" onclick="changeMap(this.value)" checked="checked" />Escoamento </div>
    <div><br /></div>
    <div><input type="checkbox" value="4" onclick="changeMap(this.value)" checked="checked" />Nascente </div>
    <div><br /></div>
</div>      
</body>
</html>