Oh yes... I see that now. However after making the change the fusion layer
still does not turn off and on. Any other thoughts?
On Wednesday, August 1, 2012 12:58:51 PM UTC-7, asgallant wrote:
> 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/-/mBAzl62yQ80J.
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.
