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

线类覆盖物支持在地图上绘制折线、虚线、带纹理的线,通过这些可以绘制各种各样的规划路线或物体轨迹。

绘制折线

通过Polyline类会来绘制折线,示例代码如下:

polyline = new Polyline({
points: [new LatLng(39.76, 116.13),
new LatLng(39.95, 116.23),
new LatLng(40.16, 116.78)],
fillcolor: '#f0f',
width: 20,
join: SysEnum.LineJoinType.ROUND,
cap: SysEnum.LineCapType.ROUND,
isThined: true,
});
mapController.addOverlay(polyline);

效果图:

效果示例
名称说明
fillcolor折线颜色
width折线宽度
points折线点坐标
join线拐点参数
cap线端点参数
isGeodesic是否绘制大地线
绘制虚线

示例代码:

dotline = new Polyline({
points: [new LatLng(39.620, 116.327), new LatLng(39.9171, 116.522)],
fillcolor: '#00f',
width: 20,
join: SysEnum.LineJoinType.ROUND,
cap: SysEnum.LineCapType.BUTT,
dottedline: true,
dottedlineType: 'dotted_line_circle'
});
// 在地图中添加点状虚线
mapController.addOverlay(dotline);

效果图:

效果示例
绘制带纹理的线

示例代码:

polylineGeodesic = new Polyline({
points: [new LatLng(40.082, 116.617),
new LatLng(55.851, 37.701),
new LatLng(32.851, 112.701)],
fillcolor: '#ff10bed6',
width: 16,
join: SysEnum.LineJoinType.ROUND,
cap: SysEnum.LineCapType.ROUND,
textures: [new ImageEntity('rawfile://Icon_road_blue_arrow.png')], // 添加纹理
isThined: false,
isGeodesic: true // 是否绘制大地线
});
mapController.addOverlay(polylineGeodesic);

效果图:

效果示例

上一篇

绘制点

下一篇

绘制面

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