输入地址获取经纬度坐标

susie_小石头

于 2019-09-06 13:59:51 发布

阅读量2.2k

点赞数

分类专栏： # jQuery

本文链接：https://blog.csdn.net/qq_28256783/article/details/100578115

版权

jQuery 专栏收录该内容

64 篇文章

订阅专栏

本文介绍了一种通过百度地图API获取指定地址经纬度的方法，适用于校园信息系统中校区位置的精准定位。文章详细展示了如何利用JavaScript发起AJAX请求，调用百度地理编码服务，将校区地址转换为地图坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input class="inputAll" type="text" placeholder="请填写校区地址" name="campusAddr" value="${campus.campusAddr }" id="address">
<input class="inputAll" type="text" placeholder="请填写地图坐标" name="campusCoor" value="${campus.campusCoor }" id="point" readonly>
<button type="button" id="open">获取坐标信息</button>

$("#open").click(function(){
    var addressStr = $("#address").val(); 
    if(addressStr!=""){ 
        $.ajax({ 
            url: "http://api.map.baidu.com/geocoder/v2/", 
            data: {"address": addressStr, "output":"json","ak":"EZPCgQ6zGu6hZSmXlRrUMTpr"}, 
            type: "post", dataType:'JSONP', 
            success :function(data){ 
                var lng = data.result.location.lng; 
                var lat = data.result.location.lat; 
                $("#point").val(lng+","+lat); 
            } 
        }); 
    }else{ 
        alert("请填写校区地址!"); 
    }
});