OpenLayers入门（二）

前言

好久不见，距离OpenLayers入门第一篇已经过了很久，为什么迟迟没有后续呢，主要有两个原因，一是因为近期项目里使用地图的部分比较少，二是因为很多时候即使功能做出来了，但是还是不能完全理解，不是很明白的东西除了贴代码之外也写不了啥，其实第一篇也是很基础很简单的，但是意外的是看的人是最多的，这让我意识到可能即使是贴一下代码对一些人也是有帮助的，这就是这一篇的主要目的，可能有一些地方会看不懂，但是不要问，问我也不知道，如果你恰好了解的话十分欢迎在评论里分享，感谢~

首先来分享一个我无意中找到的教程，http://linwei.xyz/ol3-primer/index.html。虽然是基于v3版本介绍的，很多api可能变了，但还是值得一看，除了OpenLayers本身的介绍，还会有一些地理基础知识的分享，这种相对全面的中文教程真的很稀有，且看且珍惜。

接下来分享一些常用的在线地图瓦片资源：

1.高德瓦片，最大支持放大到20级，字体比较大，但是最近好像又只能到19级了。

http://wprd0{1-4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7

2.高德瓦片，最大支持放大到20级，颜色偏灰绿色。

http://webst0{1-4}.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}

3.高德瓦片，最大支持放大到18级，最常用的样式。

http://webrd01.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scale=1&style=8

4.谷歌地图瓦片，最大支持放大到22级，颜色偏绿色。

https://mt0.google.cn/vt/lyrs=m&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}

绘制多边形

import Feature from 'ol/Feature'
import Polygon from 'ol/geom/Polygon'
import { Vector as VectorSource } from 'ol/source'
import { Style, Strok