百度地图获取城市adcode编号cityCode编号

最新推荐文章于 2024-01-16 16:51:20 发布

原创最新推荐文章于 2024-01-16 16:51:20 发布 · 2.4w 阅读

11 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

29 篇文章

订阅专栏

HTML/CSS

15 篇文章

订阅专栏

本文介绍了一种使用百度地图API获取用户当前位置及城市信息的方法，并通过示例代码展示了如何实现这一功能。

百度找了好久没找到，最后还是自力更生解决问题，获取城市的各种信息和编号

直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak值,自己去百度申请"></script>
	<title>浏览器定位</title>

</head>
<body>
    <div>
    	<span id="load_geolocation">点击获取位置</span>
    </div> 
</body>

<script>
    $(function(){
	$("#load_geolocation").click(function(ev){
		$(ev.currentTarget).text("正在获取位置......");
		//创建百度地图控件
		var geolocation = new BMap.Geolocation();
		geolocation.getCurrentPosition(function(r){
			var adds =r.point;
			var latitude = adds.lat,
			longitude  = adds.lng;	
	
			if(this.getStatus() == BMAP_STATUS_SUCCESS){
				$.ajax({
					url:'http://api.map.baidu.com/geocoder/v2/?ak=你的ak值&location=' + latitude + ',' + longitude + '&output=json&pois=1',
					dataType: 'jsonp',
						callback: 'BMap._rd._cbk43398',
						success: function(res) {
						console.log(res);
						var result = res.result,
						addressComponent = result.addressComponent,
						adcode = addressComponent.adcode
						$(ev.currentTarget).text('城市号码为'+ adcode);
					}
            });
				
			}
			else {
				$(ev.currentTarget).text('定位失败');
			}        
		},{enableHighAccuracy: true})//指示浏览器获取高精度的位置，默认false
	});
});

</script>
 
 


</html>