![[石化]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_73.55516c0.png)
，去趟医院太贵了![[呲牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
鑫的第七章
前端工程师
获得徽章 6
#每天一个知识点#
es5 中的类和 es6 中的 class 的区别：
1. class 类必须 new 调用，不能直接执行。
2. class 类不存在变量提升
3. class 类无法遍历它实例原型链上的属性和方法
4. new.target 属性（es6 为 new 命令引入了一个 new.target 属性，它会返回 new 命令作用于的那个构造函数）
5. class 类有 static 静态方法
es5 中的类和 es6 中的 class 的区别：
1. class 类必须 new 调用，不能直接执行。
2. class 类不存在变量提升
3. class 类无法遍历它实例原型链上的属性和方法
4. new.target 属性（es6 为 new 命令引入了一个 new.target 属性，它会返回 new 命令作用于的那个构造函数）
5. class 类有 static 静态方法
展开
评论
点赞
#每天一个知识点#
openlayers 中 source 和 layer 的关系：
每有一个 source，都要有一个 layer 与其相对应，也就是两者是一对一的关系。
上次说过数据源可以归纳为三类，瓦片、矢量和图片。
所以我们就以 ol.layer.Tile，ol.layer.Vector，ol.layer.Image 三种图层方式去加载数据源来看下代码实现：
// XYZ栅格地图瓦片
var rasterLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: '
example.com{z}/{x}/{y}.png'
})
})
这种使用 XYZ 数据源来加载地图是最常见的方式，Tile 图层中可以加载 XYZ 这种数据源。
// KML矢量数据
var vectorLayer = ol.layer.Vector({
source: ol.source.Vector({
url: 'example.com',
format: new ol.format.KML()
})
})
这种 KML 数据源（同类型 GeoJSON 也比较常见），在 echarts 地图中会常见些，主要信息就是地图轮廓。
// XYZ图片地图瓦片
var imageLayer = new ol.layer.Image({
source: ol.source.ImageStatic({
url: 'example.com',
imageExtent: [xmin, ymin, xmax, ymax]
})
})
这种 ImageStatic 数据源就是用来加载静态图片，比如一些动物园的全景图，可以单独加载，也可以加载到地图中的某个范围内。
只要记住图层和数据源是一一对应关系，就可以了，使用时就可以根据数据源格式，去官方 API 查看加载方式。
openlayers 中 source 和 layer 的关系：
每有一个 source，都要有一个 layer 与其相对应，也就是两者是一对一的关系。
上次说过数据源可以归纳为三类，瓦片、矢量和图片。
所以我们就以 ol.layer.Tile，ol.layer.Vector，ol.layer.Image 三种图层方式去加载数据源来看下代码实现：
// XYZ栅格地图瓦片
var rasterLayer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: '
example.com{z}/{x}/{y}.png'})
})
这种使用 XYZ 数据源来加载地图是最常见的方式，Tile 图层中可以加载 XYZ 这种数据源。
// KML矢量数据
var vectorLayer = ol.layer.Vector({
source: ol.source.Vector({
url: '
example.com',format: new ol.format.KML()
})
})
这种 KML 数据源（同类型 GeoJSON 也比较常见），在 echarts 地图中会常见些，主要信息就是地图轮廓。
// XYZ图片地图瓦片
var imageLayer = new ol.layer.Image({
source: ol.source.ImageStatic({
url: '
example.com',imageExtent: [xmin, ymin, xmax, ymax]
})
})
这种 ImageStatic 数据源就是用来加载静态图片，比如一些动物园的全景图，可以单独加载，也可以加载到地图中的某个范围内。
只要记住图层和数据源是一一对应关系，就可以了，使用时就可以根据数据源格式，去官方 API 查看加载方式。
展开
1
1
![[谢谢]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_112.2dd347d.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)