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