坚果大叔 坚果大叔
  • 首页
  • 闲言碎语
  • 技术
  • 生活
  • 记录
  • 朋友
  • 热点新闻
  • 常用代码
  • 工具箱
  • 关于
首页 › 技术 › JS获取当前位置信息

JS获取当前位置信息

坚果大叔
2019-01-14 9:56:02技术阅读 1,983

function getLocation() {
    var options = {
        enableHighAccuracy : true,
        maximumAge : 1000
    }
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(onSuccess, onError, options);
    } else {
        alert('您的浏览器不支持地理位置定位');
    }
}
//成功时
function onSuccess(position) {
    var longitude = position.coords.longitude;
    var latitude = position.coords.latitude;
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(longitude, latitude);
    var gc = new BMap.Geocoder();
    gc.getLocation(point, function(rs) {
        var addComp = rs.addressComponents;
        document.getElementById("aera").innerHTML = addComp.province + ", " + addComp.city + ", "+ addComp.district + ", " + addComp.street + ", "+ addComp.streetNumber;
    });
    // 这里后面可以写你的后续操作了
    // postData(longitude, latitude);
}
//失败时
function onError(error) {
    switch (error.code) {
        case 1:
            alert("位置服务被拒绝");
            break;
        case 2:
            alert("暂时获取不到位置信息");
            break;
        case 3:
            alert("获取信息超时");
            break;
        case 4:
            alert("未知错误");
            break;
    }
    // 这里后面可以写你的后续操作了
    //经度
    var longitude = 23.1823780000;
    //纬度
    var latitude = 113.4233310000;
    postData(longitude, latitude);
}
// 页面载入时请求获取当前地理位置
window.onload = function(){
    // html5获取地理位置
    getLocation();
};

引入百度api 调用资源

<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
JS 位置
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 坚果大叔。未经许可,禁止转载。
前端网络相关基础以及安全
上一篇
CSS实现 Tab hover 下划线跟随
下一篇
在小程序中查看
搜你想看的
聚合文章
Javascript数组操作
黎里古镇半日游~
一些AList站点以及有趣的网址
生活就是每一帧每一秒
闲言碎语
Memos
npm install 出现 Error:EISDIR:illegal operation on a directory 的错误提示!
2025-03-31 19:02:11
551 0 0
iphone 利用 Scriptable 添加网上国网电费小组件
2025-01-06 20:40:20
4,940 6 2
在博客中加上memos记录展示。
2024-12-25 23:41:27
2,295 5 2
网页点击平滑滚动效果~
2024-10-17 16:43:08
2,011 4
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2025 坚果大叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 闲言碎语
  • 技术
  • 生活
  • 记录
  • 朋友
  • 热点新闻
  • 常用代码
  • 工具箱
  • 关于
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
317
文章
125
评论
365
喜欢