前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >获取地理位置

获取地理位置

作者头像
ProsperLee
发布2018-10-24 10:38:15
2K0
发布2018-10-24 10:38:15
举报

可根据获取到的经纬度查询到所在的地理位置。

代码语言:javascript
复制
    <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>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-10-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档