<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>百度地图地址选择</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LQuB1rkcTHwLVUgScSfNuKN8VA9jxGGN" ></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/EventWrapper/1.2/src/EventWrapper.js" ></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils.js" ></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<link href="css/jquery.baidumapaddress.css" rel="stylesheet" />
<script src="js/coordtransform.js"></script>
<script src="js/jquery.baidumapaddress.js"></script>
</head>
<body>
<div style="margin: 0 auto; width: 500px; height: 100px; margin-top: 30px;">
<input type="text" style="width:500px; height:25px" name="address" placeholder="请选择详细地址" readonly="readonly" id="address" />
</div>
<script>
$(function () {
$("#address").baidumapaddress({
dobackcall: function (address, wgs, baidu) {
alert("地址：" + address + "\r\n WGS84坐标：经度：" + wgs.lng + "，纬度：" + wgs.lat + "\r\n 百度坐标：" + "经度："+baidu.lng+"，纬度："+baidu.lat);
}
});
});
</script>
</body>
</html>
百度地图地址选择插件（获得详细地址和经纬度）
5星 · 超过95%的资源 需积分: 50 32 浏览量
2017-12-21
15:58:07
上传
评论
收藏 7KB ZIP 举报 
baidumapaddress.zip （4个子文件） 
baidumapaddress 
dome.html 2KB js 
jquery.baidumapaddress.js 10KB coordtransform.js 5KB css jquery.baidumapaddress.css 4KB资源评论
漏刻有时2020-05-08点选表单选择插件，还不错
凉薄瑾2020-04-13百度地图地址选择插件
阿尔佛
- 粉丝: 1
- 资源: 7
