如图
GIF04.gif
移动端的H5页面提供了定位的功能，在网上我搜索了很多资料。可是都是代码一大段一大段的 还要去注册各种平台的key 秘钥 很复杂 本人菜鸟 直接懵了，后来找了一篇比较简单的 供大家参考
1、在html页面引入百度地图API（文档地址：http://developer.baidu.com/map/wiki/index.php?title=jspopular/guide/introduction）
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);
});
});
注： 这一种 以前是能用的 但是后来不知道百度怎么回事 可能是升级了 提示我的key 不正确 就不能用了 我用的是第2种
2、打开手机试一下吧
如果不需要精准的定位，还有一种通过IP地址获取当前城市的方法，采用新浪的api接口
<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js"></script>
<script>
var city = remote_ip_info['city'];
var pro = remote_ip_info['province'];
console.log(pro+"省"+city+"市")
</script>
3
太平洋IP地址库API接口
http://whois.pconline.com.cn/?ip=[ip地址字符串]
另外：还有google、搜狐等提供对应的接口，大家可以自己试一试。
搜狐IP地址查询接口（默认GBK）：http://pv.sohu.com/cityjson
- *搜狐IP地址查询接口（可设置编码）：http://pv.sohu.com/cityjson?ie=utf-8
搜狐另外的IP地址查询接口：http://txt.go.sohu.com/ip/soip
4.获取客户端IP方法
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();
$.getJSON(url, function(data) {
alert(data.Ip);
});
</script>
