百度地图开发:Label文本居中

简介: 百度地图开发:Label文本居中

封装函数

//文本标签;
function addLabel(point, txt) {
    var opts = {
        position: point,
        offset: new BMap.Size(0, 20)//设置文本偏移量
    }
    var label = new BMap.Label(txt, opts); // 创建文本标注对象
    label.setStyle({
        color: "#FFF",
        fontSize: "10px",
        height: "24px",
        lineHeight: "20px",
        padding: "2px 5px",
        border: "1px solid rgba(230, 0, 0, 0.7)",
        background: "rgba(230, 0, 0, 0.7)",
        fontWeight: "bold",
        transform: 'translateX(-50%)',
        fontFamily: "微软雅黑"
    });
    map.addOverlay(label);
}


解决方案

offset: new BMap.Size(0, 20)//设置文本偏移量


 transform: 'translateX(-50%)',

Lockdatav Done!


相关文章
|
定位技术 API
百度地图开发:阻塞加载慢A parser-blocking, cross site的解决方案
百度地图开发:阻塞加载慢A parser-blocking, cross site的解决方案
1000 0
|
JavaScript 前端开发
VUE element-ui之table表格自增序号(前端实现)
VUE element-ui之table表格自增序号(前端实现)
2129 0
html2canvas 空白
html2canvas 空白
451 59
|
10月前
|
人工智能 测试技术 API
最新全球模型榜单:通义千问Qwen2.5-Max数学及编程能力第一!
最新全球模型榜单:通义千问Qwen2.5-Max数学及编程能力第一!
895 5
|
SQL 开发框架 .NET
分享几个实用且高效的EF Core扩展类库,提高开发效率!
分享几个实用且高效的EF Core扩展类库,提高开发效率!
216 4
|
弹性计算 缓存 安全
阿里云服务器2核4G配置租用费用和ECS实例规格性能参数表
阿里云 2核4GB ECS实例提供多样规格,如突发性能t6、经济型e、计算型c7/c6/c8i/c8a/c7a、通用算力型u1等,价格从68元/月至203元/月不等。通用算力u1与经济型e实例分别采用Intel Xeon 8163/8269CY与可扩展系列处理器,支持1万IOPS与最高25万连接数。2核4GB服务器支持约20人同时在线访问,实际并发数受软件效率、带宽、应用架构等因素影响。
|
开发框架 前端开发 JavaScript
利用Aspose.Word对Word文件添加印章处理以及实现业务数据的替换处理
利用Aspose.Word对Word文件添加印章处理以及实现业务数据的替换处理
|
vr&ar
Threejs制作虚拟房间效果
这篇文章详细说明了如何使用Three.js创建一个虚拟房间的3D模型,通过将六个方向的照片作为立方体的纹理,从而实现一个类似于天空盒的室内场景,让用户能够探索房间的不同角落。
442 0
|
前端开发 数据库
【Stream流】Sort排序详解
【Stream流】Sort排序详解
340 0
|
SQL 数据库
如何把高版本的sqlserver 还原到低版本的 sqlserver_kaic
如何把高版本的sqlserver 还原到低版本的 sqlserver_kaic