首页 > JS专栏 > 百度地图具体地址转换成经纬度
2015
10-20

百度地图具体地址转换成经纬度

直接上代码,下面引用的两条js请大家自行修改,第一条的ak后面需要加上你的密钥,这个密钥是去百度地图api里面申请的;第二个是引用一个jquery库,网上一大堆,自己下载下来引用就行。

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></script>
	<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
	<title>百度地址解析</title>
</head>
<body>
	<div>
	  <input type="text" value="海口市美兰区明珠广场" id="address" size="30"/>
	  <input type="submit" value="解析地址" id="submit" />
	  <br />
	  <label for="latlng"></label>
	  <input type="hidden" name="latlng" value="" readonly /> 
	</div>
</body>
</html>
<script type="text/javascript">
$("#submit").click(function(){
	// 百度地图API功能
	var point = new BMap.Point();
	// 创建地址解析器实例
	var myGeo = new BMap.Geocoder();
	// 将地址解析结果显示
	var address = document.getElementById("address").value; 
	myGeo.getPoint(address, function(point){
		if (point) {
             $("label[for='latlng']").html(point.lng + ' , ' + point.lat); 
		}else{
			alert("您选择地址没有解析到结果!");
		}
	}, "");
});
</script>

留下一个回复