百度地图获取地理位置
无需坐标逆解析获取地理位置
<!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" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 9); // 初始化地图,设置中心点坐标和地图级别
var geocoder= new BMap.Geocoder();
map.addEventListener("click",function(e){ //给地图添加点击事件
geocoder.getLocation(e.point,function(rs){
console.log(rs.address); //地址描述(string)
console.log(rs.addressComponents);//结构化的地址描述(object)
console.log(rs.addressComponents.province); //省
console.log(rs.addressComponents.city); //城市
console.log(rs.addressComponents.district); //区县
console.log(rs.addressComponents.street); //街道
console.log(rs.addressComponents.streetNumber); //门牌号
console.log(rs.surroundingPois); //附近的POI点(array)
console.log(rs.business); //商圈字段,代表此点所属的商圈(string)
});
});
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>