使用vue框架集成鼠标的坐标追踪功能

    import MousePosition from 'ol/control/MousePosition';
    import {createStringXY} from 'ol/coordinate';
    
    

    <!--显示鼠标光标二维坐标的控件  -->
    <div class="controlContainer">
      <span class="mousePosition" ref="mousePosition"></span>
    </div>
      
    
    

    // 控件
    .controlContainer{
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 400px;
        height: 50px;
        border: lawngreen 1px solid;
        .mousePosition{
            display: inline-block;
            width