百度地图----浏览器定位API

最新推荐文章于 2024-05-10 20:36:32 发布

Rattenking

最新推荐文章于 2024-05-10 20:36:32 发布

阅读量999

点赞数

CC 4.0 BY-SA版权

分类专栏： Rattenking 的前端笔记文章标签：百度地图

本文链接：https://blog.youkuaiyun.com/m0_38082783/article/details/78320634

Rattenking 的前端笔记专栏收录该内容

109 篇文章

订阅专栏

本文介绍如何使用百度地图API进行浏览器定位。通过引入地图API并利用Geolocation对象，可以轻松获取用户的当前位置，并以此为中心展示地图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器定位API Geolocation

第一步引入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

第二步放地图的div盒子

<div id="l-map"></div>

第三步 js代码

    // 百度地图API功能
    var point = null;
    var map = new BMap.Map("l-map");
    map.centerAndZoom(new BMap.Point(116.395645,39.929986), 7);
    map.enableScrollWheelZoom(true);
    //获取浏览器定位
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(res){
        if(res){
            //alert(JSON.stringify(res.point));
            //将获取到的经纬度赋值全局变量，方便解析为详细地址使用
            point = res.point;
            //以该定位经纬度为地图中心显示
            map.centerAndZoom(new BMap.Point(res.point.lng,res.point.lat),12);
        }
    });