从一道经典的前端面试题---谈前端性能优化

参与一个面试的时候，面试官让我做一个需求，是使用 openLayers 在高德地图上画历史路况。

回答：

1.创建一个容器
2.首先调用map组件生成地图，添加中心坐标、地图投影坐标系、缩放等级……基础属性
3.创建一个高德地图图层。
4.创建一个高德路况图层。

一、OpenLayers 定义与选型

1. 定义

OpenLayers 是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。

2. 选型

现在看，OpenLayers 和 Leaflet 是前端地图开源库的唯二选择，两个都是将切片或者空间数据在浏览器中可视化，并提供与之交互的能力。

Leaflet

是领先的开源 JavaScript 库，用于移动端友好的交互式地图。它只有42 KB 的 JS 大小，拥有大多数开发人员需要的所有映射功能。

她的设计考虑了简单性、性能、可用性，可以在所有主要的桌面和移动平台上搞笑运行，可以使用大量插件进行扩展，具有美观、易于使用且