产品服务
解决方案
文档与支持
定价

路名绘制

下载开发文档

一、接口变更

新增路名绘制类TextPathMarker。

设置路名文字:

/**
* 设置路名
* @param text 路名字符串
*/
public setText(text: string): void

设置文字的颜色

/**
* 设置文字颜色(ARGB 格式)
* @param argb 颜色值(如 0xFF0000FF 表示蓝色)
*/
public setTextColor(argb: number): void

设置文字的大小

/**
* 设置文字大小
* @param size 文字大小(单位:px)
*/
public setTextSize(size: number): void

设置文字描边的颜色

/**
* 设置文字描边颜色
* @param argb 描边颜色(ARGB 格式)
*/
public setTextBorderColor(argb: number): void

设置文字描边的宽度

/**
* 设置文字描边宽度
* @param width 描边宽度(px)
*/
public setTextBorderWidth(width: number): void

设置字体格式

/**
* 设置字体格式
* @param option Typeface 字体对象
*/
public setTextFontOption(option: number): void

道路参数:

设置展示路名的道路

/**
* 设置展示路名的道路坐标点(需至少 2 个点)
* @param points 经纬度坐标列表
*/
setPoints(points: Array<LatLng>): void

注:路名绘制需要依赖Polyline先绘制出一条线路

let trace = [
new LatLng(39.97923, 116.357428),
new LatLng(39.94923, 116.397428),
new LatLng(39.97923, 116.437428)
];
let polyline = new Polyline(
{
points: trace,
width: 5,
});
this.mapController?.addOverlay(polyline);
let textPathMarker = new TextPathMarker({
text: '自定义路线',
textColor: 0xAA0000FF,
textSize: 25,
points: trace,
//textBorderWidth: 10,
//textBorderColor: 0xAA0000FF,
//textFontOption: 1,
})
this.mapController?.addOverlay(textPathMarker);

上一篇

位置短地址分享

下一篇

请求状态码说明

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