openlayers加载svg_Openlayers3中SVG图加载

概述：

鉴于SVG的优势，在图层展示的时候，会想到SVG的方式，但是OL3里面只支持ImageStatic的方式加载，也就是只能加载栅格图片，为此，本文实现Openlayer3中SVG图层的展示。

效果：

SVG图片

缩放后

代码：

function addSvgLayer() {

var _min = [12836027.844390793, 4745190.4650304755],

_max = [13098185.245208949, 5069741.1276835548];

var _resMin = map.getPixelFromCoordinate(_min),

_resMax = map.getPixelFromCoordinate(_max);

var _resLeftTop = map.getPixelFromCoordinate([_min[0], _max[1]]);

var _w = Math.round(_resMax[0] - _resMin[0]),

_h = Math.round(_resMin[1] - _resMax[1]);

var _x = _resLeftTop[0],

_y = _resLeftTop[1];

//

var svg = $("