在使用百度地图的API的时候想要在点标记的上面添加类似于1,2,3,4…的数字效果。
1.先创建一个地图实例
var map = new BMapGL.Map("container"); // 创建Map实例
map.centerAndZoom(new BMapGL.Point(lng,lat), 14); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
2.在某一个坐标设置为标注点
let mark = new BMapGL.Marker(new BMapGL.Point(lng, lat));
// 在坐标点设置点标记
map.addOverlay(mark);
// 在点标记上添加数字(根据需求设置对应信息)
var label = new BMapGL.Label(7, {
//调整数字跟点标记的位置关系
offset: new BMapGL.Size(-5, -20),
});
label.setStyle({
background: "none",
color: "#fff",
border: "none",
});
//对label的样式进行设置
mark.setLabel(label);