如何将基于节点的 OpenLayers 项目转换为使用本地 ol 文件?
How do I convert Node based OpenLayers project, to using the local ol file?
我制作了一个基于 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";
当您将其添加为普通脚本标签时,您将获得一个名为 ol
..
的全局变量
所以你需要做的就是 ->
const { Map, View } = ol;
const TileLayer = ol.layer.Tile;
//etc..
我制作了一个基于 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";
当您将其添加为普通脚本标签时,您将获得一个名为 ol
..
所以你需要做的就是 ->
const { Map, View } = ol;
const TileLayer = ol.layer.Tile;
//etc..