title: Geolocation html5 working on web browser but not on iphone browser
body: <p>I am using the below code to get the lat and long, on the web browser chrome, firefox  I am able to get the location but when i am running the site on IOS safari and firefox I am unable to fetch latitude and longitude.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;p&gt;Click the button to get your coordinates.&lt;/p&gt;
  
  &lt;button onclick="getLocation()"&gt;Try It&lt;/button&gt;
  
  &lt;p id="demo"&gt;&lt;/p&gt;
  
  &lt;script&gt;
  var x = document.getElementById("demo");
  
  function getLocation() {
      if (navigator.geolocation) {
          navigator.geolocation.getCurrentPosition(showPosition);
      } else { 
          x.innerHTML = "Geolocation is not supported by this browser.";
      }
  }
  
  function showPosition(position) {
      x.innerHTML = "Latitude: " + position.coords.latitude + 
      "&lt;br&gt;Longitude: " + position.coords.longitude;
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>