昨天我们公司也做了投票活动,活动中先用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>
大功告成,是否很简便呢?你也来试一下吧。记住要在服务器环境哦!!!