JavaScript 获取用户经纬度并显示地址 - 使用百度地图API - 常规

<!DOCTYPE html>
<html>
<head>
    <title>获取用户经纬度并显示地址</title>
    <script>
        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
            } else {
                alert('Geolocation is not supported by this browser.');
            }
        }
<pre><code>    function showPosition(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var coordinates = latitude + ',' + longitude;

        // 使用经纬度获取准确位置的代码
        // 这里可以使用第三方的地图API，比如百度地图API、谷歌地图API等
        // 以下示例使用百度地图API
        var url = 'https://api.map.baidu.com/geocoder/v2/?ak=YOUR_API_KEY&amp;location=' + coordinates + '&amp;output=json';
        
        fetch(url)
        .then(response =&gt; response.json())
        .then(data =&gt; {
            var address = data.result.formatted_address;
            document.getElementById('location').innerHTML = '当前位置：' + address;
        })
        .catch(error =&gt; {
            console.log(error);
        });
    }
&lt;/script&gt;
</code></pre>
</head>
<body>
    <button onclick="getLocation()">获取经纬度</button>
    <p id="location"></p>
</body>
</html>
<p>请替换YOUR_API_KEY为你的百度地图API密钥。</p>