百度地图点击地图获取地址
2017-11-15 16:12
99 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>百度地图点击地图获取地址信息</title> <style> body, html,#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> </head> <body> <div id="map"></div> <script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <script> var map = new BMap.Map("map"); //创建地图到ID元素容器 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 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) }); }); </script> </body> </html>
相关文章推荐
- 百度地图开发实现点击地图添加Marker并获取地址信息
- WEB页面接入百度地图,实现点击地图获取坐标和地址的功能
- IOS网络笔记--地图内容3(点击获取当前地址的具体坐标)
- 百度地图 v3.5点击地图然和地图添加覆盖物,滑动地图获取中心点,将地图状态改变
- 百度地图点击地图获取经纬度
- 百度地图,点击地图获取经纬度和地点
- Android开发 百度地图之传送一个详细地址获取在地图上的位置
- 百度地图api--点击地图获取地址
- 百度地图点击地图显示地址详情的默认方法怎么关闭
- google map api v3点击地图获取经纬度地址,设置地图显示经纬度地址
- 百度地图点击地图,标点并显示地址信息
- arcgis for silverlight 鼠标点击地图获取当前经纬度
- Google Maps API V3学习一(获取地图坐标与街道地址)
- iOS--点击地图上某一点获取该点的经纬度
- 关于获取地址等信息的 代码 百度地图
- Android 百度地图打包后获取不到地址问题
- 通过百度地图获取边界地址
- android 百度地图 marker固定在屏幕中心,动态获取可移动地图的中心坐标
- (转)ios中点击地图控件MKMapView的某点获取该点的经纬度
- 百度地图 将获取到的maker在地图内全显示