title: How to make the current location Accurate using Gmap api v3?
body: <p>I make some project for looking nearby location from my current location to my database location.This project run in localhost using XAMPP.</p>
  
  <p>HTML :</p>
  
  <pre><code> &lt;body style="margin:0px; padding:0px;" onload="initMap()"&gt;
      &lt;div&gt;
           &lt;label for="raddressInput"&gt;Search location:&lt;/label&gt;
           &lt;input type="hidden" id="addressInput" size="15" value="kudus" /&gt;
          &lt;label for="radiusSelect"&gt;Radius:&lt;/label&gt;
          &lt;select id="radiusSelect" label="Radius"&gt;
            &lt;option value="50" selected&gt;50 kms&lt;/option&gt;
            &lt;option value="30"&gt;30 kms&lt;/option&gt;
            &lt;option value="20"&gt;20 kms&lt;/option&gt;
            &lt;option value="10"&gt;10 kms&lt;/option&gt;
          &lt;/select&gt;
  
          &lt;input type="button" id="searchButton" value="Search"/&gt;
      &lt;/div&gt;
      &lt;div&gt;&lt;select id="locationSelect" style="width: 10%; visibility: hidden"&gt;&lt;/select&gt;&lt;/div&gt;
      &lt;div id="map" style="width: 100%; height: 90%"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>  //this code to get current location
    if(!!navigator.geolocation) {
  
      var map;
  
      var mapOptions = {
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      map = new google.maps.Map(document.getElementById('map'), mapOptions);
  
      navigator.geolocation.getCurrentPosition(function(position) {
  
          var geolocate = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  
          var infowindow = new google.maps.InfoWindow({
              map: map,
              position: geolocate,
              content:"&lt;b&gt;Posisi Kamu Sekarang&lt;/b&gt;"
          });
          var title = "&lt;b&gt;Posisi Kamu Sekarang&lt;/b&gt;";
          var tanda = new google.maps.Marker({
          map: map,
          position: geolocate
        });
          google.maps.event.addListener(tanda, 'click', function() {
          infoWindow.setContent(title);
          infoWindow.open(map, tanda);
        });
          markers.push(tanda);
          map.setCenter(geolocate);
  
      });
  &lt;script async defer
      src="//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=true&amp;key=Mykey&amp;callback=initMap"&gt;
      &lt;/script&gt;
  </code></pre>
  
  <p>When i load this code using public network. it load successfully, the marker and map showing my current location at "kudus". But when i try at my home, using Hotspot connection from my Redmi 4x.My Current location generate to "Semarang".
  How to make the current location accurate to my location now?</p>