如何將Javascript位置（經度和緯度）值傳遞到文本框值？

Question

<body>
    <button onclick="getLocation()">Get coordinates</button>
    <p id="demo"></p>
    <script>
        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 + "<br>Longitude: " + position.coords.longitude;
        }
    </script>
    <input type="text" value="long,lati"></input>
</body>

我需要將腳本中的緯度和經度放入文本框中，而無需按代碼中的要求對按鈕進行超頻。

Answer 1

<input type="text" value = "" id='loc'>
window.onload = function(){
 var x = document.getElementById('loc');
      function getLocation() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition);
        } else {
            x.value = "Geolocation is not supported by this browser.";
        }
     }

     function showPosition(position) {
        x.value = "Latitude: " + position.coords.latitude +     ",Longitude: " + position.coords.longitude;
    }
getLocation();
};

只需抓住輸入元素並將其值attr設置為獲得的lat＆long。 這不是很好的解決方案，但是它應該可以完成您需要的工作（無需單擊按鈕）。

Answer 2

        <body>
            <button>Get coordinates</button>
            <p id="demo"></p>
            <script>

                var x = document.getElementById("demo");

               getLocation();

                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 + "<br>Longitude: " + position.coords.longitude;
                }
            </script>
            <input type="text" value="long,lati"></input>
        </body>

Answer 3

要在文本框中獲取經度和緯度，您需要獲取文本框的ID並在其中傳遞lat long的值

這是一個Jsfiddle http://jsfiddle.net/2b4n03k1/

var x = document.getElementById("demo");


function showPositionInInput(position) {
 var input = document.getElementById("location");
 input.value = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
}

function showPosition(position) {
 x.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
}

function getLocation() {
 if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(showPositionInInput);
 } else {
     x.innerHTML = "Geolocation is not supported by this browser.";
 }
}

getLocation()

如何將Javascript位置（經度和緯度）值傳遞到文本框值？

問題描述

3 個解決方案

解決方案1
1 2015-11-12 07:25:04

解決方案2
0 2015-11-12 07:10:28

解決方案3
0 2015-11-12 07:17:25

如何將Javascript位置（經度和緯度）值傳遞到文本框值？

問題描述

3 個解決方案

解決方案1 1 2015-11-12 07:25:04

解決方案2 0 2015-11-12 07:10:28

解決方案3 0 2015-11-12 07:17:25

解決方案1
1 2015-11-12 07:25:04

解決方案2
0 2015-11-12 07:10:28

解決方案3
0 2015-11-12 07:17:25