首页 > 代码库 > 用百度地图做了一个输入地址查询经纬度的小例子
用百度地图做了一个输入地址查询经纬度的小例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://www.mamicode.com/jquery.js"></script>
</head>
<body>
<input type="text" id="input"></br>
<button id="button">提交</button></br>
<div id="weidu"></div>
<script>
$(‘#button‘).click(function(){
aa($("#input").val());
})
function aa(pa){
var ak=‘sHdjv4dss0iGfAOBZR3matdffwQ5jPpMfRDq0‘;//百度地图的密钥
var url="http://api.map.baidu.com/geocoder/v2/?output=json&ak="+ak+"&address="+pa;
//跨域ajax请求
jsonp(url);
function back(a){return a}
function jsonp(url){
$.ajax({
url:url, //跨域到http://www.wp.com，另，http://test.com也算跨域
type:‘GET‘, //jsonp 类型下只能使用GET,不能用POST,这里不写默认为GET
dataType:‘jsonp‘, //指定为jsonp类型
data:{}, //数据参数
jsonp:‘callback‘, //服务器端获取回调函数名的key，对应后台有$_GET[‘callback‘]=‘back‘;callback是默认值
jsonpCallback:‘back‘, //回调函数名
success:function(result){ //成功执行处理，对应后台返回的back(data)方法。
var str="经度："+result.result.location.lng+"*****纬度："+result.result.location.lat+"*****级别:"+result.result.level
$("#weidu").html(str)
},
error:function(msg){
//执行错误
console.log(msg)
}
});
}
}
</script>
</body>
</html>
用百度地图做了一个输入地址查询经纬度的小例子
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。