首页 > 其他 > 详细

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

时间:2017-08-03 10:44:35      阅读:138      评论:0      收藏:0      [点我收藏+]
<!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>

  

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

原文:http://www.cnblogs.com/1020182600HENG/p/7278363.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!