百度地图API使用系列4-基本地图2

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">继续为大家带来 百度地图API 系列博文</span>

这篇博文主要介绍一下 使用百度地图 进行几何图形覆盖物的显示

如果是刚搭建工程的小伙伴可以参考前面几篇的博文介绍

准备工作

显示地图

基本地图1

好了下面开始我们本篇博文之旅

首先介绍百度地图支持显示的几何图形

1.点（Dot） 2.折线（Polyline） 3.弧线（Arc） 4.圆（Circle） 5.多边形（Polygon）

一 、显示点

mDotOptions = new DotOptions().
                center(mLatlng). // 设置圆点的圆心坐标
                color(Color.parseColor("#03a9f4")).// 设置圆点颜色
                radius(10); // 半径 单位是 像素 默认值5px

二、显示折线

mPolylineOptions = new PolylineOptions()
                .points(getPolylineList()) // 折线的点集
                .color(Color.parseColor("#3f51b5")) // 折线颜色
                .width(10) // 折线的宽度 单位像素 默认值5px
                .dottedLine(false); // 设置是否为虚线

在最新的3.5.0的版本里面 新增了折线多段颜色绘制功能

customTextureList

textureIndex

一个指定颜色，一个指定加载颜色时候的索引

三、显示文字

mTextOptions = new TextOptions()
                //对齐方式 默认居中
                // X - ALIGN_LEFT | ALIGN_RIGHT | ALIGN_CENTER_HORIZONTAL
                // Y - ALIGN_TOP | ALIGN_BOTTOM | ALIGN_CENTER_VERTICAL
                .align(TextOptions.ALIGN_CENTER_HORIZONTAL, TextOptions.ALIGN_CENTER_VERTICAL)
                .text("文字覆盖物") // 显示文字
                .bgColor(Color.parseColor("#42a5f5")) // 背景
                .fontColor(Color.parseColor("#263238")) // 文字颜色
                .fontSize(30) // 文字尺寸
                .rotate(90) // 旋转角度 逆时针
                .position(mLatlng); // 坐标

四、显示圆

mCircleOptions = new CircleOptions()
                .center(mLatlng) // 圆心坐标
                .radius(100) // 半径 单位 米
                .stroke(new Stroke(5, Color.parseColor("#f50057"))) // 设置边框 Stroke 参数 宽度单位像素默认5px 颜色
                .fillColor(Color.parseColor("#bbffebee")); // 设置圆的填充颜色

五、显示弧形

mArcOptions = new ArcOptions()
                .color(Color.parseColor("#6a1b9a")) // 设置弧线的颜色
                .points(start, middle, end) // 设置起始点 中间点 结束点坐标
                .width(5); // 设置弧线的宽度 单位 像素 默认值5px

六、显示多边形

mPolygonOptions = new PolygonOptions()
                .fillColor(Color.parseColor("#aabbdefb")) // 填充颜色
                .stroke(new Stroke(5, Color.parseColor("#283593"))) // 设置边框
                .points(getPolygonList()); // 设置点击数据

最后附上整个工程完成代码

去吧，皮卡丘