Question

任何人都可以帮助我为什么下面给出的代码不起作用，我该如何解决？对不起我的语法或拼写错误。

JS：

<script>

    function getLocation(){
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(showPosition);
        }
    }
    function showPosition(position){
        console.log(position.coords.latitude);
        console.log(position.coords.longitude);
    }

</script>

Answer 1

<script>

    function getLocation(){
        if (navigator.geolocation) {
            showPosition(navigator.geolocation.getCurrentPosition());
        }
    }
    function showPosition(position){
        console.log(position.coords.latitude);
        console.log(position.coords.longitude);
    }

</script>

你从未调用过showPosition，如果我是对的，你想用getCurrentPosition的值调用showPosition。

Answer 2

你应该为位置创建一个div，你可以添加div的位置innerHtml。就像那样;

<button onclick="getLocation()">Try It</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>

Answer 3

如果您没有调用getLocation（）函数，则应触发带有事件的get Location（），例如点击

JS获取用户位置不起作用

3 个答案: