前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >百度地图----浏览器定位API

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

作者头像
Rattenking
发布2021-01-29 16:07:58
6000
发布2021-01-29 16:07:58
举报
文章被收录于专栏:RattenkingRattenking

浏览器定位API Geolocation

第一步 引入
代码语言:javascript
复制
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
第二步 放地图的div盒子
代码语言:javascript
复制
<div id="l-map"></div>
第三步 js代码
代码语言:javascript
复制
    // 百度地图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);
        }
    });

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-10-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 浏览器定位API Geolocation
    • 第一步 引入
      • 第二步 放地图的div盒子
        • 第三步 js代码
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档