YY. LinkLineLayer

引线图层，继承于 YY. VectorLayer, 这个图层专门用来存放引线

警告

该图层不支持事件交互，仅仅用来存放引线，一般是将地图上的某个覆盖物和页面的 dom 节点关联, 比如地图上的一个视频图标和页面上一个视频进行连线

creation

• constructor([id], [options])

  • options 里面的配置一般无需改动，特殊情况下，需要修改

    • {Number} minZoom最小的层级
    • {Number} maxZoom最大的层级
    • {Boolean} forceRenderOnMoving 移动地图时强制渲染 default:true
    • {Boolean} forceRenderOnZooming：缩放地图时强制渲染 default:true
    • {Boolean} forceRenderOnRotating旋转地图时强制渲染 default:true

example

//引线图层,专门用来存放引线
const linkLineLayer = new YY.LinkLineLayer(YY.H.uuid(), {
    zIndex: Infinity,
}).addTo(map);

//地图上只有一个点，放一个坐标点就可以了
const line = new YY.LineString(
    [center1],
    YY.Style.formatLine({
        //引线样式
        lineWidth: getLineWidth(),
        lineColor: getColor(),
        shadowBlur: 10,
        shadowColor: "red",
        vertexs: [
            [x1, y1],
            [x1 + 100, y1],
        ], //引线上的连接点，坐标是像素,这些点将和地图上的点一起形成引线
        //地图上坐标点的像素偏移量
        offsetX: 0,
        offsetY: 0,
    }), {
        altitude: height, //海拔
    }
);
line.addTo(linkLineLayer);

demo