更新时间:2022-10-27
本章节将对绘制弧线、绘制圆以及多边形进行说明。
绘制弧线
弧线由Arc类定义,一条弧线由起点、中点和终点三个点确定位置。开发者可以通过ArcOptions类设置弧线的位置,宽度和颜色。
示例代码如下:
// 添加弧线坐标数据 LatLng p1 = new LatLng(39.97923, 116.357428);//起点 LatLng p2 = new LatLng(39.94923, 116.397428);//中间点 LatLng p3 = new LatLng(39.97923, 116.437428);//终点 //构造ArcOptions对象 OverlayOptions mArcOptions = new ArcOptions() .color(Color.RED) .width(10) .points(p1, p2, p3); //在地图上显示弧线 Overlay mArc = mBaiduMap.addOverlay(mArcOptions);绘制效果如图:
绘制圆
圆由Circle类定义,开发者可以通过CircleOptions类设置圆心位置、半径(米)、边框以及填充颜色。
示例代码如下:
//圆心位置 LatLng center = new LatLng(39.90923, 116.447428); //构造CircleOptions对象 CircleOptions mCircleOptions = new CircleOptions().center(center) .radius(1400) .fillColor(0xAA0000FF) //填充颜色 .stroke(new Stroke(5, 0xAA00ff00)); //边框宽和边框颜色 //在地图上显示圆 Overlay mCircle = mBaiduMap.addOverlay(mCircleOptions);绘制效果如图:
绘制渐变圆
自V7.5.4 起,地图SDK支持绘制渐变圆。
渐变圆由Circle类定义,但不支持设置填充色和区域内镂空。开发者可以通过CircleOptions类设置圆心位置、半径(米)、边框以及渐变色。
具体设置如下:
LatLng llCircleC = new LatLng(39.915, 116.404); OverlayOptions ooCircle = new CircleOptions() .center(llCircleC)// 设置圆心坐标 .setIsGradientCircle(true) .setCenterColor(Color.argb(0,93,232, 204)) .setSideColor(Color.rgb(93,232, 204)) .stroke(new Stroke(2, Color.rgb(93, 232, 204)))// 设置圆边框信息 .radius(5000); // 圆半径,单位:米 mGradientCircle = (Circle) mBaiduMap.addOverlay(ooCircle);
注:渐变圆遵循以下规则:
1. (0 ~ radiusWeight * radius) 该部分颜色从 centerColor 渐变至 colorWeight * (sideColor - centerColor); 2. (radiusWeight * radius ~ radius)该部分间颜色从 centerColor + colorWeight * (sideColor - centerColor) 渐变至 sideColor
渐变圆效果如下:

绘制多边形
多边形由Polygon类定义。开发者可以通过PolygonOptions来设置多边形的位置、边框和填充颜色。一个多边形是一组Latlng点按照传入顺序连接而成的封闭图形。
示例代码如下:
//多边形顶点位置 List<LatLng> points = new ArrayList<>(); points.add(new LatLng(39.93923, 116.357428)); points.add(new LatLng(39.91923, 116.327428)); points.add(new LatLng(39.89923, 116.347428)); points.add(new LatLng(39.89923, 116.367428)); points.add(new LatLng(39.91923, 116.387428)); //构造PolygonOptions PolygonOptions mPolygonOptions = new PolygonOptions() .points(points) .fillColor(0xAAFFFF00) //填充颜色 .stroke(new Stroke(5, 0xAA00FF00)); //边框宽度和颜色 //在地图上显示多边形 mBaiduMap.addOverlay(mPolygonOptions);
绘制效果如图: