如何将基于节点的OpenLayers项目转换为使用本地ol文件

Question

我做了一个基于OpenLayers的Web应用程序。我通过npm安装了OpenLayers，并使一切正常。

由于需求的变化(yay(，我需要删除与节点相关的所有内容，并将其替换为本地文件。

我能够找到的所有示例(包括在OpenLayers自己的示例页面上(都是以Node方式完成的。

到目前为止，我已经从这里下载了OpenLayers的dist版本：https://openlayers.org/download/

并将该文件添加到我的项目中。

现在我不明白我应该如何用调用此文件替换所有导入。

这是我想要替换的所有导入：

import { Map, View } from "ol";
import TileLayer from "ol/layer/Tile";
import WMTS from "ol/source/WMTS";
import WMTSTileGrid from "ol/tilegrid/WMTS";
import TileWMS from "ol/source/TileWMS";
import { get as getProjection } from "ol/proj";
import Projection from "ol/proj/Projection.js";
import { getTopLeft } from "ol/extent.js";
import { register } from "ol/proj/proj4.js";

Answer 1

当您将其添加为普通脚本标签时，您将获得一个名为 ol 的全局变量。

所以你需要做的就是->

const { Map, View } = ol;
const TileLayer = ol.layer.Tile;
//etc..