在百度地图上标注多个点

//需要标注表的经纬度,及标注信息

      var points=[{x:116.404,y:39.915,txt:"1是北京"},{x:116.402,y:39.913,txt:"2是上海"},{x:116.406,y:39.917,txt:"3是天津"},{x:116.400,y:39.911,txt:"4是杭州"},{x:116.408,y:39.919,txt:"5是香港"}];

     var markers=[];//用于对标注的处理

     for (var i = 0; i < points.length; i++) {

              var x = points[i].x;

              var y = points[i].y;

              var point=new BMap.Point(x,y);//创建点坐标

              map.centerAndZoom(point,15);//初始化地图,设置中心点坐标和地图级别

              var marker=new BMap.Marker(point,{title: i +1});//创建标注

              markers.push(marker);

              map.addOverlay(marker);//标注在地图上

         }

         for (i=0;i<markers.length;i++) {

 

                  (function(){

 

                         var index = i;

 

                         var test=points[i].txt;

 

                         markers[i].addEventListener('click', function(){

 

 

                                            this.openInfoWindow(new BMap.InfoWindow(test));

 

                           });

 

                  })();

 

            }

注意:要与生成地图后才能进行标注

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值