可以在地图上叠加自定义文字,由label类定义,效果图如下:
示例代码如下:
mapcomponent({onready:(err,mapcontroller:mapcontroller)=>{if(mapcontroller){this.mapcontroller= mapcontroller;// 添加文字标注this.label=newlabel();//天南海北\123 s\abc 456this.label.text('天南海北\3s').fontsize(32).position(newlatlng(36.925,113.4013)).bgcolor('rgba(255,235,59,0.5)').setfontcolor('rgba(255,0,255,1)');this.mapcontroller.addoverlay(this.label);// 添加文字标注this.label=newlabel();//天南海北\123 s\abc 456this.label.text('天南海北\4s').fontsize(32).position(newlatlng(36.625,113.4013)).fonttype(label.bold).bgcolor('rgba(255,235,59,0.6)').setfontcolor('rgba(255,0,255,1)');this.mapcontroller.addoverlay(this.label);// 添加文字标注this.label=newlabel();//天南海北\123 s\abc 456this.label.text('天南海北\5s').fontsize(32).position(newlatlng(36.425,113.4013)).fonttype(label.bold_italic).bgcolor('rgba(255,235,59,0.8)').setfontcolor('rgba(8, 18, 203, 1.00)');this.mapcontroller.addoverlay(this.label);// 添加文字标注this.label=newlabel();//天南海北\123 s\abc 456this.label.text('天南海北\6s').fontsize(32).position(newlatlng(36.225,113.4013)).fonttype(label.italic).bgcolor('rgba(255,235,59,1)').setfontcolor('rgba(1, 55, 10, 1.00)');this.mapcontroller.addoverlay(this.label);}},mapoptions:this.mapopt}).width('100%').height('100%');
上一篇
下一篇
本篇文章对您是否有帮助?