通过百度api解析经纬度获取当前经纬度城市

昨天我们公司也做了投票活动,活动中先用ip获取用户城市,当用户感觉不准确时可以调取微信的获取经纬度,但是如何转成城市进行匹配呢?我们通过百度api来实现它。

首先你需要一个密钥:

获取密钥地址:http://lbsyun.baidu.com/apiconsole/key?application=key

接下来引入百度的api:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="这里填写你申请的密钥"></script>

当然无论脚手架还是多页面开发都可以在index或者页面中引入script标签

最后new BMap:
<script type="text/javascript">
        // 百度地图API功能
        var point = new BMap.Point(118.02,39.63);
        //new BMap.Point(经度,纬度)
        var geoc = new BMap.Geocoder();    
            
        geoc.getLocation(point, function(rs){
            var addComp = rs.addressComponents;
            console.log(addComp)
            console.log(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
        }); 
</script>

大功告成,是否很简便呢?你也来试一下吧。记住要在服务器环境哦!!!

    原文作者:Brighten_Sun
    原文地址: https://www.jianshu.com/p/e9d9e2ccfa1f
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞