獲取地理位置

可根據獲取到的經緯度查詢到所在的地理位置。

    <p><button onclick="geoFindMe()">Show my location</button></p>
    <div id="out"></div>
    <script>
        function geoFindMe() {
            
            var output = document.getElementById("out");

            output.innerHTML = "<p>Locating…</p>";
            
            if ("geolocation" in navigator) {
                /* 地理位置服務可用 */
                navigator.geolocation.getCurrentPosition(success, error);
            } else {
                /* 地理位置服務不可用 */
                output.innerHTML = "<p>地理位置服務不可用</p>";
            }

            // 成功調用
            function success(position) {
                var latitude = position.coords.latitude;
                var longitude = position.coords.longitude;
                output.innerHTML = "經度:" + longitude + "<br/>緯度:" + latitude;
            }

            // 失敗調用
            function error() {
                output.innerHTML = "無法獲取您的位置";
            }

        }
    </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章