浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。
绘制文字
下载开发文档

可以在地图上叠加自定义文字,由Label类定义,效果图如下:

效果示例

示例代码如下:

MapComponent({ onReady: (err,mapController:MapController) => {
if (mapController) {
this.mapController = mapController;
// 添加文字标注
this.label = new Label();
//天南海北\123 S\abc 456
this.label.text('天南海北\3S').fontSize(32).position(new LatLng(36.925, 113.4013)).bgcolor('rgba(255,235,59,0.5)').setFontColor('rgba(255,0,255,1)');
this.mapController.addOverlay(this.label);
// 添加文字标注
this.label = new Label();
//天南海北\123 S\abc 456
this.label.text('天南海北\4S').fontSize(32).position(new LatLng(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 = new Label();
//天南海北\123 S\abc 456
this.label.text('天南海北\5S').fontSize(32).position(new LatLng(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 = new Label();
//天南海北\123 S\abc 456
this.label.text('天南海北\6S').fontSize(32).position(new LatLng(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%');

上一篇

绘制面

下一篇

自定义地面覆盖物

本篇文章对您是否有帮助?