您的位置:首页 > 其它

点击百度地图上任意一点,显示该点的经纬度的信息窗

2016-04-19 16:25 525 查看

点击百度地图上任意一点,显示该点的经纬度的信息窗口

html{height:100%}
body{height:100%;margin:0px;padding:0px}
container{height:100%}

var map=new BMap.Map('container');
var point=new BMap.Point(116.404,39.915);
map.centerAndZoom(point,15);
map.enableScrollWheelZoom();
window.setTimeout(function(){map.panTo(new BMap.Point(116.420,39.930));},1000);
var opts={offset:new BMap.Size(10,5),anchor:BMAP_ANCHOR_TOP_LEFT};
map.addControl(new BMap.NavigationControl(opts));
map.addControl(new BMap.MapTypeControl());//添加地图类型切换控件
//创建事件,拖动地图后显示中心坐标
map.addEventListener('dragend',function(){var center=map.getCenter();alert('当前坐标:'+center.lng+','+center.lat);});//代码必须放在两个script中间才能生效

//已知点point,点击该点图标marker,显示信息窗口
var marker=new BMap.Marker(point);//一定要point,不要经纬度
map.addOverlay(marker);//为该点叠加图标
var info=new BMap.InfoWindow(point.lng+","+point.lat);//设置打开窗口的信息,其中point也可以写成marker.getPosition()
map.addEventListener("click",function(){map.openInfoWindow(info,point);});//建立的信息窗口是point点的信息窗口,显示在point上

function openInfo(e){map.openInfoWindow(new BMap.InfoWindow(e.point.lng+","+e.point.lat),e.point);}//e.point可理解为当前点击的某一点
map.addEventListener("click",openInfo);//你中有我,我中有你
//前两句可写为map.addEventListener("click",function openInfo(e){map.openInfoWindow(new BMap.InfoWindow(e.point.lng+","+e.point.lat),e.point);}); 其中openInfo可要可不要
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: