OpenLayers 3获取WKT多边形字符串

mic*_*ele 2 polygon geospatial wkt openlayers-3

我有一个 openlayers 3 地图,可以在其中绘制多边形。

我会返回代表绘制多边形的 WKT 字符串。

我该怎么做?

JSFiddle 代码http://jsfiddle.net/michelejs/3zawt33b/7/

这是我的地图:

map = new ol.Map({
            target: 'map',
            layers: [raster,vector],
            view: new ol.View({
              center: ol.proj.fromLonLat([11.249367, 43.774298]),
              zoom: 15
            })
        });
Run Code Online (Sandbox Code Playgroud)

这里是帮助我绘制多边形的缺陷:

function addInteraction() {

        var ct = 0;
        draw = new ol.interaction.Draw({
            source: source,
            type: 'Polygon',
            geometryFunction: function (c, g) {
                if (goog.isDef(g)) {
                    g.setCoordinates(c);
                } else {
                    g = new ol.geom.Polygon(c);
                }
                if (c[0].length > ct) {
                    console.log('click coord : ' + c[0][c[0].length - 1]);
                    var coord = c[0][c[0].length - 1];
                    $('div#coordinate').html( $('div#coordinate').html() + "<p>" + ( Number(coord[0]).toFixed(2) ) + " - " + ( Number(coord[1]).toFixed(2) ) + "</p>" );
                coordinates.push(coord);
                    ct = c[0].length;
                } else {
                    console.log('move coord : ' + c[0][c[0].length - 1]);

                }

                return g;
            }
        });
        draw.on('drawend',  function(e) {
            isin = e;
            checkIfIn();
            lastFeature = e.feature;

          //write WKT Polygon Code in div#getAsWK
        })

        draw.on('drawstart', function (e) {
            source.clear();
        });


        map.addInteraction(draw);

    }
   map.addInteraction(draw);
Run Code Online (Sandbox Code Playgroud)

小智 5

ol3 包含用于此目的的 ol.format.WKT 类。使用 writeGeometry() 方法,如下所示:

var format = new ol.format.WKT(),
    wkt = format.writeGeometry(yourFeature.getGeometry());
Run Code Online (Sandbox Code Playgroud)

请参阅 API 文档:http://openlayers.org/en/v3.0.0/apidoc/ol.format.WKT.html#writeGeometry

小提琴: http: //jsfiddle.net/igor23/3zawt33b/9/