小编vic*_*yso的帖子

我正在开发一个openlayers 3项目,使用typescript开发,因此:

let ol = require("openlayers");

我想使用转换扩展插件,它不在NPM上发布(http://viglino.github.io/ol3-ext/interaction/transforminteraction.js)

我尝试了以下方法:

let ol = require("openlayers");
require("<path>/ol/transforminteraction");

但是我收到以下错误:

错误TypeError:ol.interaction.Transform不是构造函数

和

未捕获的ReferenceError:ol未定义

我如何才能正确包含/整合此资源？

这个问题与帖子有关：保持 [WDS] 断开连接！错误

我已经根据答案更新了我的 webpack 配置设置，但是我仍然在控制台中出现“[WDS] Disconnected！错误”。

请问有什么建议吗？

webpack.config.js

var webpack = require("webpack");
var path = require("path");


module.exports = {

devtool: "inline-source-map",
entry: [
    "webpack-dev-server/client?http://127.0.0.0:8080/",
    "webpack/hot/only-dev-server",
    "./src"
],
devServer: {
    contentBase: "./public",
    hot: true,    
    inline: true,
    quiet: false,
    noInfo: true,
    stats: { colors: true }
},
output: {
    path: path.join(__dirname, "./public"),
    filename: "./assets/js/bundle.js"
},
resolve: {
    modulesDirectrories: ["node_modules", "src"],
    extentions: ["", ".js"]
},
module : {
    loaders: [
        { 
            test: /\.jsx?$/,
            exclude: "/node_modules/",
            loaders: ["react-hot-loader", "babel?presets[]=react,presets[]=es2015"] 
        }, 
        {
            test: …

在 openlayers 3 应用程序中，我能够检索边界范围并适合视图。不过，我现在想通过使用边界范围来创建要素/多边形。

    let boundingExtent = ol.extent.boundingExtent([[left, bottom], [right, top]]);

    //??/let polygon = ol.geom.Polygon.fromExtent(boundingExtent);

    var view = this.map.getView();
    view.fit(boundingExtent, null);

    //let source = this.vectorSource.getSource();
    //source.clear(); 
    //feature.setStyle(this.VectorAltStyles);
    //source.addFeatures(feature);

使用 ol.geom.Polygon.fromExtent 并将结果添加到矢量源似乎不起作用。请问有人可以阐明如何实现这一目标吗？