百度地图浏览器定位

最新推荐文章于 2024-05-19 22:05:56 发布

李修缘999

最新推荐文章于 2024-05-19 22:05:56 发布

阅读量705

点赞数

分类专栏：定位文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_47165403/article/details/126679515

版权

定位专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文详细介绍了浏览器定位的过程，首先尝试使用H5接口进行定位，若失败则采用IP定位。在实际应用中，发现在电脑上的谷歌浏览器只能获取到城市级别的定位信息，而在手机上则能实现更精确的定位。示例代码展示了如何利用Baidu地图API进行定位，并在地图上显示定位点。问题可能与浏览器支持、设备差异或权限设置有关。

摘要由CSDN通过智能技术生成

1.浏览器定位，优先调用浏览器H5定位接口，如果失败会调用IP定位。

2.本人用域名https调用正常，用电脑谷歌浏览器定位只能定位到城市，用手机定位可以具体定位；

html代码

<script src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=key"></script>

<div id="container" style="width: 400px;height: 400px;"></div>

js代码

<script>
    var map = new BMapGL.Map('container'); // 创建Map实例
    var point = new BMapGL.Point(116.331398,39.897445);
    map.centerAndZoom(point,12);
    var geolocation = new BMapGL.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            var mk = new BMapGL.Marker(r.point);
            map.addOverlay(mk);
            map.panTo(r.point);
            alert('您的位置：' + r.point.lng + ',' + r.point.lat);
        }
        else {
            alert('failed' + this.getStatus());
        }
    });
</script>