AI 地图
产品服务
解决方案
文档与支持
定价
更新时间: 2026/08/03 16:13
文本标注 Label

你可以通过 BMap.Label在地图上添加文本标注,展示文本。

1. 向地图中添加文本标注

如下示例,向地图添加了一个文本标注,并使用默认的标注样式:

var point = new BMap.Point(116.404, 39.915);
var content = 'label';
var label = new BMap.Label(content, {
// 创建文本标注
position: point, // 设置标注的地理位置
offset: new BMap.Size(10, 20), // 设置标注的偏移量
});
map.addOverlay(label); // 将标注添加到地图中
2. 监听标注事件

JSAPI支持监听覆盖物的事件。

label.addEventListener("click", function(){
alert("您点击了标注");
});
常用配置项

创建 Label 时,可以通过第二个参数设置标注的属性,常用属性如下:

  • position:设置标注的地理位置。属性值需要是 BMap.Point 实例。

  • offset:设置标注相对于地理位置的像素偏移量。属性值需要是 BMap.Size 实例。

var label = new BMap.Label('文本标注', {
position: new BMap.Point(116.404, 39.915),
offset: new BMap.Size(10, 20)
});
map.addOverlay(label);
动态更新标注

标注添加到地图后,可以通过实例方法动态更新内容、位置和偏移量。

label.setContent('新的文本内容');
label.setPosition(new BMap.Point(116.414, 39.925));
label.setOffset(new BMap.Size(20, 30));
设置锚点

setAnchor 用于动态设置标注的锚点位置。可选值请参考 BMap.ControlAnchor

label.setAnchor(BMAP_ANCHOR_TOP_LEFT);

更多参考:设置文本标注的锚点

相关类参考

BMap.Label
BMap.Point
BMap.Size

上一篇

设置点标记样式

下一篇

设置文本标注样式
本篇文章对您是否有帮助?