使用百度map画扇形覆盖物

前段时间需要使用百度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, 
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值