1、在html页面引入百度地图API(AK码详细获取地地址https://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html
百度地图开放平台http://lbsyun.baidu.com/)
<script src="http://api.map.baidu.com/api?ak=你的AK码&v=2.0&services=false"></script>
2、js代码使用h5的geolocation方法获取坐标,然后使用百度api的getlocation方法翻译成你想要得结果
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude;
var lon = position.coords.longitude;
var point = new BMap.Point(lon, lat); // 创建坐标点
// 根据坐标得到地址描述
var myGeo = new BMap.Geocoder();
myGeo.getLocation(point, function (result) {
var city = result.addressComponents.city;
$('body').html(city);
});
});
3、打开手机试一下吧
4、如果不需要精准的定位,还有一种通过IP地址获取当前城市的方法,采用新浪的api接口。
<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script>
var city = remote_ip_info['city'];
alert(city)
</script>
如何获取用户当前城市?
最新推荐文章于 2021-06-07 12:23:38 发布