浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

WebAPI文档全面上新

新增示例代码、在线运行等功能,帮助您实现快速接入,前往体验吧!

体验新版
更新时间: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);

绘制效果如图:

Screenshot_20200610_105026_baidumapsdk.demo.jpg

绘制圆

圆由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);
绘制效果如图:

Screenshot_20200610_105054_baidumapsdk.demo.jpg

绘制渐变圆

自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


渐变圆效果如下:


jianbianyuan_2.jpg
绘制多边形

多边形由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);

绘制效果如图:

Screenshot_20200610_105105_baidumapsdk.demo.jpg

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消