title: .setZoom() function on Google Map
body: <p>I create a map using:</p>
  
  <pre><code>var mapOptions = {
          zoom : 15
      };
      //Create map.
      map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  </code></pre>
  
  <p>I add a slider bar on html file :</p>
  
  <pre><code> &lt;div class="sliderBar" id="sliderBar"&gt;
                  &lt;input type="range" min="1" max="100" value="1" step="1"
                      onchange="showValue(this.value)" /&gt; &lt;span id="range"&gt;1&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So when the value of the slider bar changed, I evoke <code>showValue(this.value)</code> function</p>
  
  <p>With this function I have to changed the map zoom's, but it works only the first time.
  So, when I change value works, but if I change the value again doesn't work.</p>
  
  <p>This is my function:</p>
  
  <pre><code>function showValue(newValue) {
      document.getElementById("range").innerHTML = newValue;
  
      //var value=1;
      value = newValue;  
  
      if(50&lt;value&lt;=100){
          map.setZoom(11);
      }else if(25&lt;value&lt;=50){
          map.setZoom(12);
      }else if(10&lt;value&lt;=25){
          map.setZoom(13);
      }else if(5&lt;value&lt;=10){
          map.setZoom(14);
      }else{
          map.setZoom(15);
      }
  }
  </code></pre>
  
  <p>How can I fix this problem?</p>