Add skeleton for SLD parser

examples/vector-layer-sld.js

@@ -0,0 +1,45 @@
+goog.require('ol.Map');
+goog.require('ol.RendererHint');
+goog.require('ol.View2D');
+goog.require('ol.layer.Tile');
+goog.require('ol.layer.Vector');
+goog.require('ol.parser.GeoJSON');
+goog.require('ol.parser.ogc.SLD');
+goog.require('ol.source.MapQuestOpenAerial');
+goog.require('ol.source.Vector');
+
+
+var raster = new ol.layer.Tile({
+  source: new ol.source.MapQuestOpenAerial()
+});
+
+var xhr = new XMLHttpRequest();
+xhr.open('GET', 'data/countries.sld', true);
+
+
+/**
+ * onload handler for the XHR request.
+ */
+xhr.onload = function() {
+  if (xhr.status == 200) {
+    var sld = new ol.parser.ogc.SLD().read(xhr.responseText);
+    var style = sld.namedLayers['countries'].userStyles[0];
+    var vector = new ol.layer.Vector({
+      source: new ol.source.Vector({
+        parser: new ol.parser.GeoJSON(),
+        url: 'data/countries.geojson'
+      }),
+      style: style
+    });
+    new ol.Map({
+      layers: [raster, vector],
+      renderer: ol.RendererHint.CANVAS,
+      target: 'map',
+      view: new ol.View2D({
+        center: [0, 0],
+        zoom: 1
+      })
+    });
+  }
+};
+xhr.send();