2024年Web前端最全openLayers6系列理论基础——Layer数据源source篇(1)，滴滴面试题数据分析

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

• 实例化时候通过构造函数生成

• 通过layer.setSource(source)稍后指定

二、分类

====

1. ol.source.BingMaps ，必应地图的切片数据，继承自ol.source.TileImage；

2. ol.source.Cluster，聚簇矢量数据，继承自ol.source.Vector；

3. ol.source.ImageCanvas，数据来源是一个 canvas 元素，其中的数据是图片，继承自 ol.source.Image；

4. ol.source.ImageMapGuide，Mapguide 服务器提供的图片地图数据，继承自 ol.source.Image，fire ol.source.ImageEvent；

5. ol.source.ImageStatic，提供单一的静态图片地图，继承自ol.source.Image；

6. ol.source.ImageVector，数据来源是一个 canvas 元素，但是其中的数据是矢量来源 ol.source.Vector，继承自 ol.source.ImageCanvas；

7. ol.source.ImageWMS，WMS 服务提供的单一的图片数据，继承自 ol.source.Image，触发 ol.source.ImageEvent；

8. ol.source.MapQuest，MapQuest 提供的切片数据，继承自 ol.source.XYZ；

9. ol.source.OSM，OpenStreetMap 提供的切片数据，继承自 ol.source.XYZ；

10. ol.source.Stamen，Stamen 提供的地图切片数据，继承自 ol.source.XYZ；

11. ol.source.TileVector，被切分为网格的矢量数据，继承自 ol.source.Vector；

12. ol.source.TileDebug，并不从服务器获取数据，而是为切片渲染一个网格，继承自 ol.source.Tile；

13. ol.source.TileImage，提供切分成切片的图片数据，继承自 ol.source.Tile，触发 ol.source.TileEvent；

14. ol.source.TileUTFGrid，TileJSON 格式 的 UTFGrid 交互数据，继承自 ol.source.Tile；

15. ol.source.TileJSON，TileJSON 格式的切片数据，继承自 ol.source.TileImage；

16. ol.source.TileArcGISRest，ArcGIS Rest 服务提供的切片数据，继承自 ol.source.TileImage；

17. ol.source.WMTS，WMTS 服务提供的切片数据。继承自 ol.source.TileImage；

18. ol.source.XYZ，XYZ 格式的切片数据，继承自 ol.source.TileImage；

19. ol.source.Zoomify，Zoomify 格式的切片数据，继承自 ol.source.TileImage。

上面介绍的都是可以实例化的类，还有一部分基类，不能被实例化，只负责被继承，有：

• ol.source.Image，提供单一图片数据的类型，直接继承自 ol.source.Source；

• ol.source.Tile，提供被切分为网格切片的图片数据，继承自 ol.source.Source；

• ol.source.Vector，提供矢量图层数据，继承自 ol.source.Source；

三、常见source说明

============

3.1 ol.source.Vector

---

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。