js百度地图API创建弧线并修改弧线的弧度

去百度API官网下载CurveLine.min.js,注意复制下来的Js前面的行号要删除

  // 百度地图API功能
    var map = new BMap.Map("container");
    map.centerAndZoom(new BMap.Point(118.454, 32.955), 6);
    map.enableScrollWheelZoom();
    var beijingPosition=new BMap.Point(116.432045,39.910683),
        hangzhouPosition=new BMap.Point(120.129721,30.314429),
        taiwanPosition=new BMap.Point(121.491121,25.127053);
    var points = [beijingPosition,hangzhouPosition, taiwanPosition];
    //创建弧线
    var curve = new BMapLib.CurveLine(points, {strokeColor:"blue", strokeWeight:3,strokeOpacity:0.5});  
    map.addOverlay(curve); //添加到地图中
    curve.enableEditing(); //开启编辑功能
    
    
    //修改弧度思路:
    //弧线是由很多个线段组成的,所以把每一个线段的纬度增加(减少),就可以达到改变弧度的效果。
    BMapLib.changeRad = 0.1;
    lat3 = h2 * Math.sin(t2) + lat1 + BMapLib.changeRad;
    BMapLib.changeRad += 0.1;
posted @ 2019-12-17 18:43  二次元的程序猿  阅读(2180)  评论(0编辑  收藏  举报