时间戳

首页 > 解决方案 > Openlayers 示例：如何使用它们？

javascript - Openlayers 示例：如何使用它们？

问题描述

OpenLayers 社区在此页面上提供了许多很好的示例：https ://openlayers.org/en/latest/examples/index.html

每个示例都有一个复制按钮来复制代码。但是在这个复制的代码中，它们具有如下导入：

import Feature from 'ol/Feature.js';
import Map from 'ol/Map.js';
import View from 'ol/View.js';
import Polyline from 'ol/format/Polyline.js';
import Point from 'ol/geom/Point.js';
import {Tile as TileLayer, Vector as VectorLayer} from 'ol/layer.js';
import BingMaps from 'ol/source/BingMaps.js';
import VectorSource from 'ol/source/Vector.js';
import {Circle as CircleStyle, Fill, Icon, Stroke, Style} from 'ol/style.js';

对不起，也许是愚蠢的问题：

我从哪里得到这些*.js文件？

如何快速获得在本地机器上运行的示例？

标签： javascriptopenlayers

解决方案

在这里的有用提示之后，我在这里的 npm docs 中找到了有用的文档https://www.npmjs.com/package/ol以及 github 上的 ol 示例，用于使用 webpack https://github.com/openlayers/ol-webpack或使用包裹https://github.com/openlayers/ol-parcel。

推荐阅读