openlayers繪制多邊形

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');

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容