Question

ol.interaction.Draw有Point，LineString，Polygon，MultiPoint，MultiLineString，MultiPolygon和Circle作为类型选项。我无法弄清楚的是如何实际绘制，例如包含多个单个多边形的MultiPolygon。 Here's a demo控制台记录有效的GeoJSON字符串，但只包含一个单一的多边形。

相关代码：

// create draw interaction and add it to the map:
drawInteraction = new ol.interaction.Draw({ source:vectorSource, type:"MultiPolygon" });
map.addInteraction(drawInteraction);

// define GeoJSON format:
var formatGeoJSON = new ol.format.GeoJSON();

// set listener on "drawend":
drawInteraction.on("drawend", function(e) {
    // get feature:
    var feature = e.feature; 
    // clone feature:
    var featureClone = feature.clone();
    // transform cloned feature to WGS84:
    featureClone.getGeometry().transform('EPSG:3857', 'EPSG:4326');
    // get GeoJSON of feature:
    var geojson = formatGeoJSON.writeFeature(featureClone);
    // log:
    console.log(geojson);
});

Answer 1

我建议你这样做：

var drawInteraction = new ol.interaction.Draw({
    source: vectorSource,
    type: "Polygon"
});
map.addInteraction(drawInteraction);

var multiPolygon = new ol.geom.MultiPolygon([]);
drawInteraction.on('drawend', function(e) {
    var
        feature = e.feature,
        poly = feature.getGeometry()
    ;
    multiPolygon.appendPolygon(poly);
    updateGeojson();
});
function updateGeojson(){
    var
        formatGeoJSON = new ol.format.GeoJSON(),
        cloned = multiPolygon.clone()
    ;
    cloned.transform('EPSG:3857', 'EPSG:4326');
    var geojson = formatGeoJSON.writeGeometry(cloned);
    console.info(geojson);
}

https://jsfiddle.net/jonataswalker/epyuLy7x/

如何在OpenLayers 3中绘制多部分几何？

1 个答案: