第一步:在你所需要网页引入百度地图API 记得要现在百度地图注册一个账号的。来获取你的AK码噢。百度地图ak码申请地址:http://lbsyun.baidu.com/
<script src="http://api.map.baidu.com/api?ak=你的AK码&v=2.0&services=false"></script>
|
第二步:利用H5的geolocation方法获取坐标,然后使用百度地图api的getlocation方法翻译成你想要得结果。
navigator.geolocation.getCurrentPosition(function (position) {
2 var lat = position.coords.latitude;
3 var lon = position.coords.longitude;
4 var point = new BMap.Point(lon, lat); // 创建坐标点
5 // 根据坐标得到地址描述
6 var myGeo = new BMap.Geocoder();
7 myGeo.getLocation(point, function (result) {
8 var city = result.addressComponents.city;
9 $('body').html(city);
10 });
11 });
|
只需要以上两步就可以了,是不是很简单的呢。