h5-24-百度地图-地址解析 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		请输入经纬度
		<input type="text" placeholder="请输入经度" id="long" value="121.51155629576095" />
		<input type="text" placeholder="请输入纬度" id="lati" value="38.86043635958201"/>
		<input type="button" value="查询" id="btn1" />
		
		<script src="js/jquery.js"></script>
		<script>
			$(function() {
				
				$('#btn1').click(function() {
					
					//获得经纬度值
					var long = $('#long').val();
					var lati = $('#lati').val();
					
					//请求的url地址(jsonp请求)
					var url = 'http://api.map.baidu.com/geocoder/v2/?output=json&ak=Q6aiD950lCsEWDWblF8T5BzQjxeUylCj&callback=?';
					
					//发送的参数
					var params = {
						location:lati + ',' + long,
						coord_type:'wgs84'
					}
					
					$.getJSON(url,params,function(data) {
						console.log(data);
						alert('查询位置：' + data.result.formatted_address);
					})
					.error(function(xhr,errorStatus,errorText){
						alert('请求失败！' + errorStatus + ',' + errorText + ',' + xhr.status);
					});
					
				});
				
			});			
		</script>
	</body>
</html>

　　

posted @ 2017-08-03 10:30  奋斗的少年WH  阅读(187)  评论(0)    收藏  举报