码迷,mamicode.com
首页 > 其他好文 > 详细

用百度地图做了一个输入地址查询经纬度的小例子

时间:2017-03-29 11:35:02      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:blog   style   call   char   跨域   ppm   ret   pca   获取   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="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>

 

用百度地图做了一个输入地址查询经纬度的小例子

标签:blog   style   call   char   跨域   ppm   ret   pca   获取   

原文地址:http://www.cnblogs.com/liuhao-web/p/6638757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!