title: Geolocation API doesn't work on mobile
body: <p>I'm writing my web application on React/Redux. And I need to get user location with a help of Geolocation API. On desktop browsers everything works fine, but on mobile phones (checked out on Xiaomi Redmi Note 3 and iPhone 5s) it throws error code 1 - permission denied. And it doesn't requests any permissions to get the location.
  <img src="https://i.imgur.com/ppJTJV3.png"/>
  <img src="https://i.imgur.com/AP0kzUo.jpg"/></p>
  
  <p>Here's a test sample which I ran on my site:</p>
  
  <pre><code>componentDidMount() {
      if (window.navigator.geolocation) {
          window.navigator.geolocation.getCurrentPosition(position =&gt; {
              alert(position.coords.latitude + ' ' + position.coords.longitude);
          }, err =&gt; {
              alert('ERROR: ' + err.code);
          });
      } else {
          alert('Geolocation API is not supported!');
      }
  }
  </code></pre>
  
  <p>What's the solution of this problem?</p>