百度地图拖动标注输出当前定位坐标及街道信息
2017-05-11 00:00
351 查看
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>百度地图Demo</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> </head> <body> <div style="width:520px;height:340px;border:1px solid gray" id="container"></div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("container");//初始化地图 map.addControl(new BMap.NavigationControl()); //初始化地图控件 map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); var point=new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15);//初始化地图中心点 var marker = new BMap.Marker(point); //初始化地图标记 marker.enableDragging(); //标记开启拖拽 var gc = new BMap.Geocoder();//地址解析类 //添加标记拖拽监听 marker.addEventListener("dragend", function(e){ //获取地址信息 gc.getLocation(e.point, function(rs){ showLocationInfo(e.point, rs); }); }); //添加标记点击监听 marker.addEventListener("click", function(e){ gc.getLocation(e.point, function(rs){ showLocationInfo(e.point, rs); }); }); map.centerAndZoom(point, 15); //设置中心点坐标和地图级别 map.addOverlay(marker); //将标记添加到地图中 //显示地址信息窗口 function showLocationInfo(pt, rs){ var opts = { width : 250, //信息窗口宽度 height: 100, //信息窗口高度 title : "" //信息窗口标题 } var addComp = rs.addressComponents; var addr = "当前位置:" + addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber + "<br/>"; addr += "纬度: " + pt.lat + ", " + "经度:" + pt.lng; //alert(addr); //var infoWindow = new BMap.InfoWindow(addr, opts); //创建信息窗口对象 //marker.openInfoWindow(infoWindow); alert(addr); } </script>
效果图:
相关文章推荐
- IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息
- 百度地图中循环输出坐标点信息是重复的问题解决方法
- android使用百度地图定位(获取当前经纬度和地址信息)
- IOS 百度地图定位使用(不显示用户当前坐标)
- 百度地图 定位,地图中心坐标,拖动后获取地图中心点坐标,poi搜索
- Android百度地图开发(二)定位之自动定位及标注(及定位几日内瓦或坐标4.9E-324问题)
- android使用百度地图定位(获取当前经纬度和地址信息)
- binbinyang---百度地图定位通过启动application. 一运行就能得到当前定位信息
- 百度地图拖动标注后获取坐标
- 百度地图拖动标注后获取坐标
- IOS中使用百度地图定位后获取城市坐标,城市名称,城市编号信息
- iOS获取当前位置信息(坐标和具体街道信息)
- 简单的通过两点坐标判断当前两点间距离 ----百度地图 苹果定位
- 百度地图定位得到当前位置(省、市、区县、街道、门派号码)
- 百度地图实时获取当前位置坐标并实时定位
- Android使用百度地图定位(获取当前经纬度和地址信息)
- 让百度地图只再应用程序启动时,仅取一次用户坐标信息
- Android中GPS定位获取当前坐标
- 百度地图Android SDK 2.0开发指南2-结合百度定位SDK在百度地图上显示当前位置
- android 百度地图定位获取经纬度已经拿经纬度得到地址信息