在网页上定位当前城市，并返回当前城市名称，最简单的实现方法就是利用现成的城市定位接口，如百度普通IP定位接口、搜狐的城市定位api、腾讯地图IP定位接口等。

百度普通IP定位接口

https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll

官方主页：http://lbsyun.baidu.com/index.php?title=webapi/ip-api

调用代码：

$.ajax('https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll', {		
	'dataType' : 'jsonp',
	'jsonpCallback' : 'showCity',
	'success' : function(data){
		//返回所有
		console.log(data);
		//返回当前城市
		console.log(data.content.address_detail.city);
	}
});

搜狐的城市定位api

https://pv.sohu.com/cityjson?ie=utf-8

调用代码：

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script>
	//返回所有
	console.log(returnCitySN);
	//返回当前城市，包含省份
	console.log(returnCitySN.cname);
</script>

官方主页：没找着

腾讯地图IP定位接口

https://apis.map.qq.com/ws/location/v1/ip?key=申请的腾讯地图密钥

官方主页：https://lbs.qq.com/service/webService/webServiceGuide/webServiceIp

调用代码：

$.ajax('https://apis.map.qq.com/ws/location/v1/ip?key=申请的腾讯地图密钥', {		
	'dataType' : 'jsonp',
	'jsonpCallback' : 'showCity',
	'success' : function(data){
		//返回所有
		console.log(data);
	}
});

跨域需要使用'dataType' : 'jsonp',