openlayers绘图功能实现画点、折线、圆、多边形、矩形

绘图是webgis前端开发中很多见的一个需求，在openlayers中，包含一个ol.interaction.Draw类，提供交互式绘图功能，用起来较为方便。

1、ol.interaction.Draw类

ol.interaction.Draw是openlayers交互式操作中的绘图操作类，支持绘制常见的一些几何图形，如点、折线、多边形、圆、矩形等等。先来看下实例化一个Draw类的参数。

这里重点需要关注的的几个参数：
type: 绘图的几何类型
source: 源，必须是矢量源，用于承载你绘制的图形要素
freehand: 徒手模式，值为真时可以鼠标跟随绘制，不用点击地图。

2、实例化及用法

1）画点

//创建源及图层
var source = new ol.source.Vector();
var layer = new ol.layer.Vector(