百度地圖API開發之. 添加文字標簽Lable,百度地圖標注點上添加數字,去掉討厭的背景色


 

原文:https://blog.csdn.net/jiangshi0/article/details/84618569

 

 

1.百度地圖標注點上,去掉的背景色

百度地圖API開發之. 添加文字標簽 Lable:去掉的背景色

/*標簽*/
function createLable(map, point, content) {
    var opts = {
        position: point,
        offset: new BMap.Size(-5, 10)
    }
    var label = new BMap.Label(content, opts);
    label.setStyle({
        color: "#000",
        border: "0px",
        backgroundColor: "0.000000000001", //通過這個方法,去掉背景色
        fontSize: "12px",
        height: "20px",
        lineHeight: "20px"
    });
    map.addOverlay(label);
    return label;
}

 

2.百度地圖標注點上添加數字

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);
            });
        })();

    }

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM