您的位置:首页 > 其它

百度地图标注点上添加数字

2017-09-11 09:52 441 查看
var points = [  
{"lng":116,"lat":40,"data":"5"},  
{"lng":117,"lat":31,"data":"9"},  
{"lng":116,"lat":34,"data":"7"}  
];

function addMarker(points){  // 创建图标对象     

  
   // 创建标注对象并添加到地图     
   for(var i = 0,pointsLen = points.length;i <pointsLen;i++){  
       var point = new BMap.Point(points[i].lng,points[i].lat);      
       var  marker = new BMap.Marker(point);     
       var label = new BMap.Label(points[i].data, {

                offset : new BMap.Size(5, 4)

            }); 
       label.setStyle({
           background:'none',color:'#fff',border:'none'//只要对label样式进行设置就可达到在标注图标上显示数字的效果
         });
       marker.setLabel(label);//显示地理名称 a 
       map.addOverlay(marker);   
       //给标注点添加点击事件。使用立即执行函数和闭包  
       (function() {  
           var thePoint = points[i];  
           marker.addEventListener("click",function(){  
               showInfo(this,thePoint);  
           });  
       })();  
 
   }  
 


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: