Android 百度地图两点画弧线

最新推荐文章于 2022-08-18 19:38:47 发布

原创最新推荐文章于 2022-08-18 19:38:47 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#百度地图 #弧线 #Android

Java学习笔记专栏收录该内容

41 篇文章

订阅专栏

本文介绍如何使用百度地图SDK在Android应用中绘制弧线。通过定义ArcOverlay类，可以根据两个点的位置信息创建带有特定颜色和宽度的弧线。文章详细解释了如何计算中间点以确保弧线的平滑过渡，并提供了完整的代码实现。

import android.support.annotation.NonNull;

import com.baidu.mapapi.map.ArcOptions;
import com.baidu.mapapi.map.OverlayOptions;
import com.baidu.mapapi.model.LatLng;

/**
 *
 * <a>http://lbsyun.baidu.com/index.php?title=androidsdk/guide/render-map/ploygon</a>
 * 通过两点来绘制弧线
 * @author peter  2018-12-24 15:09
 */
public class ArcOverlay  {
    private LatLng start;
    private LatLng end;
    /**
     * {@link com.baidu.mapapi.map.ArcOptions#color(int)}
     */
    private int color;//弧线的颜色
    private int arcWidth = 4;//弧线宽度

    public ArcOverlay(@NonNull LatLng start, @NonNull LatLng end, int color) {
        this.start = start;
        this.end = end;
        this.color = color;
    }

    /**
     * 获取一个弧线Overlay
     * @param start 起点
     * @param end 终点
     * @param color  颜色
     * @param arcWidth 弧线宽度
     */
    public ArcOverlay(@NonNull LatLng start, @NonNull LatLng end, int color, int arcWidth) {
        this.start = start;
        this.end = end;
        this.color = color;
        this.arcWidth = arcWidth;
    }

    public OverlayOptions toBmapOverlayOptions() {
        return new ArcOptions()
                .color(color)
                .width(arcWidth)
                .points(start, getMidPoint(), end);
    }

    /**
     * 参考前端百度提供的画弧线js文件中计算第三个点的方式
     * <a>http://lbsyun.baidu.com/jsdemo.htm#c1_13</a>
     * <a>view-source:http://api.map.baidu.com/library/CurveLine/1.5/src/CurveLine.min.js<a/>
     * @return 中间点的经纬度
     */
    private LatLng getMidPoint() {
        double t, t2, h,h2;
        double lng1 = start.longitude;
        double lng2 = end.longitude;
        double lat1 = start.latitude;
        double lat2 = end.latitude;

        if (lng2 > lng1) {
            if ((lng2 - lng1) > 180) {
                if (lng1 < 0) {
                    lng1 = (180 + 180 + lng1);
                }
            }
        }
        if (lng1 > lng2) {
            if ((lng1 - lng2) > 180) {
                if (lng2 < 0) {
                    lng2 = (180 + 180 + lng2);
                }
            }
        }
        if (lat2 == lat1) {
            t = 0;
            h = lng1 - lng2;
        } else {
            if (lng2 == lng1) {
                t = Math.PI / 2;
                h = lat1 - lat2;
            } else {
                t = Math.atan((lat2 - lat1) / (lng2 - lng1));
                h = (lat2 - lat1) / Math.sin(t);
            }
        }
        t2 = (t + (Math.PI / 5));
        h2 = h / 2;
        double lng3 = h2 * Math.cos(t2) + lng1;
        double lat3 = h2 * Math.sin(t2) + lat1;
        return new LatLng(lat3,lng3);
    }


    public LatLng getStart() {
        return start;
    }

    public void setStart(LatLng start) {
        this.start = start;
    }

    public LatLng getEnd() {
        return end;
    }

    public void setEnd(LatLng end) {
        this.end = end;
    }

    public int getColor() {
        return color;
    }

    public void setColor(int color) {
        this.color = color;
    }

    public int getArcWidth() {
        return arcWidth;
    }

    public void setArcWidth(int arcWidth) {
        this.arcWidth = arcWidth;
    }
}