如何將基於Node的OpenLayers項目轉換為使用本地ol文件？

Question

我已經制作了一個基於OpenLayers的Web應用程序。 我通過npm安裝了OpenLayers，並使一切正常。

由於需求的變化（是），我需要刪除所有與節點相關的節點，並將其替換為本地文件。

我能夠找到的所有示例（包括在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..