How To Hide and Show Layers

Disable the built-in layer widget with a parameter to embedViewer and use the setVisible API to hide and show layers. 


<html>
<head>
    <script type="text/javascript" src="map_data/swfobject.js"></script>
    <script type="text/javascript" src="map_data/avenza.js"></script>
    <script type="text/javascript">
        var theMap = AVENZA.embedViewer("map", "750", "500", 
            {
                baseURL:"map_data/",
                layerWidget: false,
                flashSecuritySandbox: AVENZA.AUTO_SANDBOX
            }
        );

        function toggleLayer(layerName, show) {
            theMap.setVisible(layerName, show);
        }
    </script>

</head>
<body>
    <div style="position:relative"> 
        <div id="map">
        </div>
        <hr>
        <input type="checkbox" checked="true" onClick="toggleLayer('PST', checked)" /> PST
        <input type="checkbox" checked="true" onClick="toggleLayer('MST', checked)" /> MST
        <input type="checkbox" checked="true" onClick="toggleLayer('CST', checked)" /> CST
        <input type="checkbox" checked="true" onClick="toggleLayer('EST', checked)" /> EST
    </div>
</body>
</html>

You can see a live example here.