It's in the javascript; it should be:
var chkLayer = document.getElementById("show_hide_Layer");
On Wednesday, August 1, 2012 3:53:31 PM UTC-4, es wrote:
>
> I tried using a lower case "l", but that didn't work either:
> id="show_hide_layer". Is this the wrong id all together?
>
>
>
> On Wednesday, August 1, 2012 12:34:01 PM UTC-7, asgallant wrote:
>
>> The id of the checkbox doesn't match the id you use to set the chkLayer
>> variable in the ToggleLayer function.
>>
>> On Wednesday, August 1, 2012 3:15:43 PM UTC-4, es wrote:
>>>
>>> I have unsuccessfully tried to create a toggle (checkbox) for my google
>>> fusion tables layer which should work with the toggling of my kml layers
>>> (the kml layers toggle off and on my map successfully). Here are some
>>> snippets of code that I am using to code the klm layers and the one google
>>> fusion layer. I have not included a bunch of other coding, including the
>>> pie and scatter plots (also referencing the fusion table layer). Thanks in
>>> advance for any help!
>>>
>>> function initialize() {
>>> var myOptions = {
>>> center: new google.maps.LatLng(38.099983, -80.683594),
>>> zoom: 7,
>>> mapTypeControl: true,
>>> mapTypeControlOptions: {
>>> style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
>>> position: google.maps.ControlPosition.TOP_RIGHT
>>> },
>>> zoomControlOptions: {
>>> style: google.maps.ZoomControlStyle.LARGE
>>> },
>>> streetViewControl: true,
>>> streetViewControlOptions: {
>>> position: google.maps.ControlPosition.LEFT_TOP
>>> },
>>> mapTypeId: google.maps.MapTypeId.TERRAIN
>>> };
>>>
>>> map = new google.maps.Map(document.getElementById('map_canvas'),
>>> myOptions);
>>> //the "layer" is the one I am trying to have function with a toggle
>>> var layer = new google.maps.FusionTablesLayer();
>>> updateLayerQuery(layer);
>>> layer.setMap(null);
>>>
>>> var kmlLayerWildernessURL = '
>>> http://www.esenvironmental.com/kml/wilderness.kml';
>>> var kmlLayerBoundaryURL = '
>>> http://www.esenvironmental.com/kml/study_region.kml';
>>> var kmlOptions = {
>>> preserveViewport: true
>>> };
>>>
>>>
>>> kmlLayerWilderness = new google.maps.KmlLayer(kmlLayerWildernessURL,
>>> kmlOptions);
>>> kmlLayerWilderness.setMap(null);
>>> kmlLayerBoundary = new google.maps.KmlLayer(kmlLayerBoundaryURL,
>>> kmlOptions);
>>> kmlLayerBoundary.setMap(map);
>>>
>>> document.getElementById('show_hide_KML_Layer_Wilderness').checked =
>>> false;
>>> document.getElementById('show_hide_KML_Layer_Boundary').checked = true;
>>> document.getElementById('show_hide_Layer').checked = false;
>>>
>>> function toggleKMLLayerBoundary() {
>>> if
>>> (!document.getElementById('show_hide_KML_Layer_Boundary').checked)
>>> kmlLayerBoundary.setMap(null);
>>> else
>>> kmlLayerBoundary.setMap(map);
>>> }
>>> function toggleKMLLayerWilderness() {
>>> if
>>> (!document.getElementById('show_hide_KML_Layer_Wilderness').checked)
>>> kmlLayerWilderness.setMap(null);
>>> else
>>> kmlLayerWilderness.setMap(map);
>>> }
>>> function ToggleLayer() {
>>> var chkLayer = document.getElementById("chkLayer");
>>> if (chkLayer.checked === true) {
>>> //Turn layer on
>>> layer.setMap(map);
>>> }
>>> else {
>>> //Turn layer off
>>> layer.setMap(null);
>>> }
>>> }
>>> <!-- Below is the code for the checkboxes: -->
>>> Show:<input type="checkbox" id="show_hide_KML_Layer_Boundary"
>>> onClick="toggleKMLLayerBoundary();" />Study Area<p>
>>> Show:<input type="checkbox" id="show_hide_KML_Layer_Wilderness"
>>> onClick="toggleKMLLayerWilderness();" />Wilderness<p>
>>> Show:<input type="checkbox" id="show_hide_Layer"
>>> onClick="toggleLayer();" />Sites<p>
>>> <!-- Above is the code for the checkboxes: -->
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/L-yXXUStxf4J.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
