Port vector examples to new vector API

examples_src/vector-osm.js

@@ -7,7 +7,7 @@ goog.require('ol.layer.Vector');
 goog.require('ol.loadingstrategy');
 goog.require('ol.proj');
 goog.require('ol.source.BingMaps');
-goog.require('ol.source.ServerVector');
+goog.require('ol.source.Vector');
 goog.require('ol.style.Circle');
 goog.require('ol.style.Fill');
 goog.require('ol.style.Stroke');
@@ -88,21 +88,23 @@ var styles = {
   }
 };
 
-var vectorSource = new ol.source.ServerVector({
-  format: new ol.format.OSMXML(),
+var osmxmlFormat = new ol.format.OSMXML();
+
+var vectorSource = new ol.source.Vector({
   loader: function(extent, resolution, projection) {
     var epsg4326Extent =
         ol.proj.transformExtent(extent, projection, 'EPSG:4326');
     var url = 'http://overpass-api.de/api/xapi?map?bbox=' +
         epsg4326Extent.join(',');
     $.ajax(url).then(function(response) {
-      vectorSource.addFeatures(vectorSource.readFeatures(response));
+      var features = osmxmlFormat.readFeatures(response,
+          {featureProjection: projection});
+      vectorSource.addFeatures(features);
     });
   },
-  strategy: ol.loadingstrategy.createTile(new ol.tilegrid.XYZ({
+  strategy: ol.loadingstrategy.tile(new ol.tilegrid.XYZ({
     maxZoom: 19
-  })),
-  projection: 'EPSG:3857'
+  }))
 });
 
 var vector = new ol.layer.Vector({