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>