屏幕画图功能直接写在了index.html中,对应官网https://openlayers.org/en/latest/examples/draw-freehand.html
一开始的问题是:绘图后图形不能保存在最上面的图层上。
解决:修改了map部分代码,即将后面的addLayer去掉,按照官网doc中的格式添加图层。
var map = new ol.Map({
layers:[lyr,untiled,vector],//图层依次添加。最后的vector是用于画画的
target: 'map',
view: new ol.View({projection: projection})
});