使用百度map画扇形覆盖物

最新推荐文章于 2024-12-10 14:03:31 发布

藏蓝莲华

最新推荐文章于 2024-12-10 14:03:31 发布

阅读量3k

点赞数 3

分类专栏： js 文章标签：百度map 扇形覆盖物 js

本文链接：https://blog.youkuaiyun.com/l527719041/article/details/77512728

版权

在项目中需要在百度地图上显示扇形发射效果。由于百度地图API没有直接提供画扇形的方法，作者通过计算圆弧上的点坐标，利用画多边形的方式实现了扇形的绘制。该方法需要圆心坐标、半径和夹角等参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前段时间需要使用百度map做一个发射信号的项目，在地图上需要体现出扇形的发射效果，查了一些资料，百度地图的api没有直接可以画扇形的方法，不过可以使用画多边形的方法来画扇形，扇形是圆形的一部分，这就需要给出圆心的坐标，半径，夹角等信息，根据这些信息计算出圆弧上的点坐标，画出完整的扇形。

直接上代码。

//以画多边形区域的方法画扇形区域 画出以point2点为圆心，半径为radius，夹角从sDegree到eDegree的扇形
    function Sector1(point2, radius, sDegree, eDegree, strokeColour, strokeWeight, Strokepacity, fillColour, fillOpacity, opts) {
        var points = []; //创建构成多边形的点数组  
        var step = ((eDegree - sDegree) / 10) || 10; //根据扇形的总夹角确定每步夹角度数，最大为10  
        points.push(point2);
        for (var i = sDegree; i < eDegree + 0.001; i += step) { //循环获取每步的圆弧上点的坐标，存入点数组 
            points.push(EOffsetBearing(point2, radius, i));
        }
        points.push(point2);
        //根据构成的点数组以及其他参数画多边形
        var polygon = new BMap.Polygon(
          points
        , { strokeColor: strokeColour,

最低0.47元/天解锁文章