1、openLayers前言

OpenLayers是一个高性能、功能丰富的库，用于在web上创建交互式地图。它可以显示地图瓷砖，矢量数据和标记加载从任何来源在任何网页。OpenLayers的开发是为了进一步使用各种地理信息。它是完全免费的，开源JavaScript。

npm install ol

核心组件包含：
Map: 最基本的组件，代表整个地图容器。

View: 管理地图视图，包括中心、分辨率和旋转。

Layer: 地图图层，可以是矢量图层、瓦片图层或者图像图层。

Source: 提供图层数据，可以是矢量数据源、瓦片数据源或者图像数据源。

Style: 用于定义图层的样式，例如如何渲染特征。

Control: 地图控制器，如缩放滑块、比例尺等。

Interaction: 地图交互，如点击、拖拽等。

代码示例：

// 引入OpenLayers
import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
 
// 创建一个地图实例
var map = new Map({
  target: 'map', // 地图容器的DOM元素ID
  layers: [ // 图层数组
    new TileLayer({
      source: new OSM() // 使用开放街道地图
    })
  ],
  view: new View({ // 视图配置
    center: [0, 0], // 地图中心点坐标
    zoom: 2 // 缩放级别
  })
});