openlayers绘制多边形

Posted 2023-04-06

参考技术A import VectorLayer from 'ol/layer/Vector'

import VectorSource from 'ol/source/Vector'

import Draw from 'ol/interaction/Draw';

const drawSource = new VectorSource();

const drawLayer = new VectorLayer(

    source: drawSource

);

map.addLayer(drawLayer);

var draw;

// 开始绘制多边形

drawPolygon (type)

    draw = new Draw(

        source: drawSource,

        type: type

    )

    map.addInteraction(draw);

    draw.on('drawend', ()  =>

        console.log('绘制完成');

    );



// 结束绘制

endDraw ()

    map.removeInteraction(draw);



// Point  LineString  Polygon  Circle

drawPolygon('Polygon');

请教各位用Openlayers+geoserver怎么实现这种效果

参考技术A 这个高亮 以前我做过的一个项目 实现方法是通过鼠标事件触发查询 然后将后台返回的多边形绘制到地图上，通过透明度和边框实现这个效果。