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

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

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可要可不要  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值