<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>



我需要将脚本中的纬度和经度放入文本框中,而无需按代码中的要求对按钮进行超频。

最佳答案

<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。
这不是很好的解决方案,但是它应该可以完成您需要的工作(无需单击按钮)。

关于javascript - 如何将Javascript位置(经度和纬度)值传递到文本框值?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33665914/

10-13 01:28