html5地理位置和地址

Posted

技术标签:

【中文标题】html5地理位置和地址【英文标题】:html5 geolocation and address 【发布时间】:2014-10-12 13:41:07 【问题描述】:

我使用 html5 地理位置来获取我的 Web 应用程序的经纬度。 我的问题是,如果可以的话,我需要将 lat、long 转换为实际地址?然后使用 php 将地址保存到 mysql 数据库中。 到目前为止的代码:

<p id="demo">Click the button to get your coordinates:</p>
<button onclick="getLocation()">Try It</button>
<script>
    var x = document.getElementById("demo");

    function getLocation() 
        if (navigator.geolocation) 
            navigator.geolocation.getCurrentPosition(showPosition, showError);
         else 
            x.innerHTML = "Geolocation is not supported by this browser.";
        
    

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

    function showError(error) 
        switch (error.code) 
        case error.PERMISSION_DENIED:
            x.innerHTML = "User denied the request for Geolocation."
            break;
        case error.POSITION_UNAVAILABLE:
            x.innerHTML = "Location information is unavailable."
            break;
        case error.TIMEOUT:
            x.innerHTML = "The request to get user location timed out."
            break;
        case error.UNKNOWN_ERROR:
            x.innerHTML = "An unknown error occurred."
            break;
        
    
</script>

【问题讨论】:

【参考方案1】:

您是否考虑过 Google Maps API?您每秒和每 24 小时的请求数有限,因此如果您要提供的服务规模非常大,您可能需要考虑其他方法,但使用 Google Maps API 的反向地理编码可以解决您的问题。

在这里找到它: https://developers.google.com/maps/documentation/geocoding/#ReverseGeocoding

【讨论】:

谢谢!它帮助了我!

以上是关于html5地理位置和地址的主要内容,如果未能解决你的问题,请参考以下文章

为啥 html5 地理位置无法获得结果?

帮助用户发现 HTML5 地理位置提示

没有 HTML5 API 的地理定位

HTML5 Audio Video中来获得用户的地理位置的过程是怎么样的?

使用HTML5定位获取当前位置是,会提示***想要获取您的位置,我能否修改***的内容,如果能,要怎样修改?

HTML5 地理位置:获取初始位置和 watchLocation 的逻辑?