title: Getting toggle to work with different Google Fusion Tables
body: <p>fairly new person to Javascript here.
  I have tried to get a toggle to work for busline stops coordinators from Google Fusion Table on my Google Maps but I can seem to fix it. Tried several solutions that I found here on stackoverflow. 
  Anyone that can shed some light on this? </p>
  
  <pre><code>var map;
  var busLine3;
  var busLine3Id = "1kc0F0rZl17KNJZCyrvFrDbPVyTtbWZm14nxABgBR";
  
  function initialize() {
  
  var map = new google.maps.Map(document.getElementById('googft-mapCanvas'), {
      center: new google.maps.LatLng(59.327677777000000, 18.062950644241347),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
  var busLine3 = new google.maps.FusionTablesLayer({
              map: map,
              heatmap: { enabled: false },
              query: {
                  select: "col2",
                  from: busLine3Id,
              },
              options: {
                  styleId: 2,
                  templateId: 2
              }
          });
  
  
  
  busLine3.setMap(map);
  
  }
  
  // Toggle the layer to hide/show
  
  function changeLayer(tableidselections) {
  
  if (tableidselections == busLine3Id){
       if (document.getElementById("show_hide_layer1").checked == true) {
         if(busLine3.getMap() == null) { busLine3.setMap(map); }
       }
  
       if (document.getElementById("show_hide_layer1").checked == false) {
           busLine3.setMap(null);  /*layersetoff*/
       }
  
  }
  </code></pre>
  
  <p>My index.html:</p>
  
  <pre><code>&lt;head&gt;
  &lt;style type="text/css"&gt;
      html, body, #googft-mapCanvas {
          height: 600px;
          margin: 0;
          padding: 0;
          width: 800px;
          }
  &lt;/style&gt;
  
  &lt;script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&amp;amp;v=3"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="mapScript.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body onload="initialize()";&gt;
  &lt;h2&gt;Enabled with Google Maps API (HTML and Javascript)&lt;/h2&gt;
    &lt;input type="checkbox" id="show_hide_layer1" onclick="changeLayer(this.value);" checked="checked"&gt;Bus Line 3&lt;/input&gt;
    &lt;input type="checkbox" id="show_hide_layer2" onclick="changeLayer(this.value);" checked="checked"&gt;Locations&lt;/input&gt;
  
  &lt;div id="googft-mapCanvas"&gt;&lt;/div&gt;
  &lt;br/&gt;
  </code></pre>
  
  <p></p>