为什么我的静态图像映射在OpenLayers 6.3.1中不起作用？

Question

我试图直接从OpenLayers 6.3.1提供的the example中构建静态图像映射。不起作用。控制台给出错误，“未捕获的ReferenceError：未定义投影”。

它所指的线是投影对象的实例化。

var projection = new Projection({
  code: 'xkcd-image',
  units: 'pixels',
  extent: extent
});

我已经用我的代码制作了jsFiddle。谁能提供任何有关为什么它不起作用的见解？

Answer 1

您可以直接使用完整的类名来引用OL构建，就像在quickstart文档中所做的一样，

 new ol.proj.Projection

该示例使用推荐的方法import所需的模块并输出自定义OL构建。您可以阅读更多here。

示例页面的顶部有import Projection from 'ol/proj/Projection';，可访问投影模块。在您的jsfiddle中，此导入语句不存在，因此您不能直接引用Projection，而是引用可用的ol.proj.Projection