Leaflet连续绘制点

本文主要介绍leaflet连续绘制点（marker），保留每个点的编号信息。由于项目不便外泄，这里就不显示底图了。最终效果如下：

代码如下：

//点击手动添加点
function addMaker(){    
    map.on('click ',addMakerEvent);
}

//添加点事件
function addMakerEvent(e){
        //自定义的circleMarker
    count++;
    var addedMarkers = L.circleMarker([e.latlng.lat,e.latlng.lng], {
            stroke: true,
            color: '#aaaaaa',
            weight: 1,
            opacity: 1,
            fillColor: '#0c0a08',
            fillOpacity: 1,
            radius: 8,

      }).addTo(map);
    addedMarkers.bindTooltip(getClickCountString(count) ,{permanent:true,direction:'right'}).openTooltip();
        //保存添加的marker
   addedMarkersList.push(addedMarkers);
}

 //将数字转为字符串
function getClickCountString(count){
    return (count>9) ? count.toString() : ("0"+count.toString());
}

更多内容请扫码关注我的微信公众号，或者在微信里搜索公众号webgis学习，我会不定期更新自己的web方面的学习心得。