openlayers学习之—–核心类

理解：OpenLayers里的各种类，就是对GIS中各种事物的抽象

（1）Map-----整个地图容器。

可以理解为画板，里面什么都没有，但是一切都在里面发生~

使用之前要引入：import Map from 'ol/Map';

this.map = new Map({
.....//一切由此开始!!
});

别的类或者方法都是Map的配置项。

（2）Layer-----图层。

-----如果你学过PS，则图层概念可以类比理解~

可以有很多个图层叠加在一起。每个图层对应一个图层包（有各种图层可选），便于管理。

例如：ol.layer.Tile

使用之前要引入：import {Tile as TileLayer} from "ol/layer";

this.map = new Map({
　　target: myMap,//设置地图放在页面中的哪个元素里
　　layers: [
　　　　new TileLayer({
　　　　　　.....//配置图层
　　　　})
　　],
});

（3）Source-----数据源。

数据源和图层一一对应。每个数据源都对应一个资源包（有各种资源可选）。

例如：ol.source.OSM

使用之前要引入：import OSM from 'ol/source/OSM';

const myMap = this.$refs.myMap;
this.map = new Map({
　　target: myMap,//设置地图放在页面中的哪个元素里
　　layers: [
　　　　new TileLayer({
　　　　　　source: new OSM()//数据源
　　　　})
　　]
});

（4）View-----总体展示。

控制地图显示的中心位置，范围，缩放层级等等。

使用之前要引入：import View from 'ol/View';

this.map = new Map({
　　target: myMap,
　　layers: [
　　　　new TileLayer({
　　　　　　source: new OSM()
　　　　})
　　],
　　view: new View({//配置展示、渲染项
　　　　center: [0,0],//显示的中心经纬度
　　　　zoom: 4//显示的缩放级别
　　})
});

（5）Control-----控件

一些UI组件，比如：放大缩小按钮等等。

（6）Interaction-----交互

与用户进行交互，例如：用鼠标进行拖动、放大缩小等等。