title: Javascript GeoLocation is not working on Chrome
body: <p>I'm trying to take the geolocation of the User and then do a query.
  In Mozilla Firefox it works fine also in Safari.... but in Chrome it doesnt work at all.</p>
  
  <pre><code>window.onload = function(){
    if(navigator.geolocation){
  
      navigator.geolocation.getCurrentPosition(function(position){
  
          var latitude = position.coords.latitude,
              longitude = position.coords.longitude;
        console.log(latitude + " " + longitude);
  
      },handleError);
  
      function handleError(error){
        //Handle Errors
       switch(error.code) {
          case error.PERMISSION_DENIED:
              console.log("User denied the request for Geolocation.");
              break;
          case error.POSITION_UNAVAILABLE:
              console.log("Location information is unavailable.");
              break;
          case error.TIMEOUT:
             console.log("The request to get user location timed out.");
              break;
          case error.UNKNOWN_ERROR:
             console.log("An unknown error occurred.");
              break;
      }
      }
    }else{
      // container.innerHTML = "Geolocation is not Supported for this browser/OS.";
      alert("Geolocation is not Supported for this browser/OS");
    }
  };
  </code></pre>
  
  <p>And i get the <code>error 1</code></p>
  
  <pre><code>User denied the request for Geolocation.
  </code></pre>
  
  <p>But i haven't denied any request, actually the popup window doesnt come up at all.</p>
  
  <p>I've went to Chrome Settings > Show advanced > Privacy > Content Settings > Location allow for all.</p>
  
  <p>Restarted chrome and nothing happened. I'm sure my code is 100% legit so does anyone know how to deal with it?
  Thanks!</p>