Блог

Я использую приведенный ниже код, чтобы получить широту и LNG моего текущего местоположения, чтобы отобразить его в форме ввода, но по какой-то причине он не отображает мои широту и LNG, как хотелось, а отображает широту и LNG во мгновение ока и исчезает. Я попытался изменить разрешение своего браузера, чтобы разрешить местоположение, и все равно отображается мгновенно и исчезает. Кто-нибудь может помочь? Ниже приведен мой код:

 


<form>  

<button onclick="onFormSubmit()">GET CURRENT LOCATION</button>



<script type="text/javascript">
function onGeoSuccess (position) {
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;

        // NEXT 2 LINES WILL SET VALUE OF RESPECTIVE INPUTS
        document.getElementById('lat').value = lat;
        document.getElementById('lng').value = lng;

        // MAKE API CALL HERE, OR ANY OTHER NEXT STEPS
    }

    function onGeoError (err) {
        console.error("Error while trying to get position", err);
    }

    function onFormSubmit () {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(onGeoSuccess, onGeoError);
        } else {
            alert('GeoLocation not supported or not allowed');
        }
    }</script>

              <div class="form-group">
                <input type="text" name="lat" class="form-control" id="lat" placeholder="Your Latitude" data-msg="Please enter your latitude">
                <div class="validate"></div>
              </div>

<div class="form-group">
                <input type="text" name="lng" class="form-control" id="lng" placeholder="Your Longitude" data-msg="Please enter your Longitude">
                <div class="validate"></div>
              </div>

              <div class="form-group">
                <input type="text" name="subject" class="form-control" id="contact-subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject">
                <div class="validate"></div>
              </div>


</form>



 

Я просто хочу получить отображение LAT и LNG в форме ввода с каждым из его идентификаторов, но я не знаю, что я делаю не так. Он отображается не так, как хотелось бы.

Итак, я отследил свой код и устранил ошибку и обнаружил, что это было просто потому, что я использовал <button onclick="onFormSubmit()">GET CURRENT LOCATION</button> вместо <button onclick=" return onFormSubmit()">GET CURRENT LOCATION</button> . Когда я onFormSubmit onclick по какой-то причине вызываю just on, он появляется на долю секунды и исчезает, но когда я вызываю return onFormSubmit() onclick , все работает отлично.