可以在地图上叠加自定义文字,由Label类定义,效果图如下:
示例代码如下:
MapComponent({ onReady: (err,mapController:MapController) => {if (mapController) {this.mapController = mapController;// 添加文字标注this.label = new Label();//天南海北\123 S\abc 456this.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 456this.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 456this.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 456this.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%');
上一篇
下一篇
本篇文章对您是否有帮助?