Use ol.Collection#extend in examples

This commit changes the examples to using ol.control.defaults().extend to extend the collection of controls. This is in preparation for a future commit that will remove the 2nd argument to ol.control.defaults. The same is done for ol.interaction.defaults.

examples/custom-controls.js

@@ -64,7 +64,7 @@ ol.inherits(app.RotateNorthControl, ol.control.Control);
 
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new app.RotateNorthControl()
   ]),
   layers: [

examples/drag-rotate-and-zoom.js

@@ -8,7 +8,7 @@ goog.require('ol.source.MapQuestOpenAerial');
 
 
 var map = new ol.Map({
-  interactions: ol.interaction.defaults({}, [
+  interactions: ol.interaction.defaults().extend([
     new ol.interaction.DragRotateAndZoom()
   ]),
   layers: [

examples/epsg-4326.js

@@ -22,7 +22,7 @@ var layers = [
 ];
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.ScaleLine({
       units: ol.control.ScaleLineUnits.DEGREES
     })

examples/full-screen-drag-rotate-and-zoom.js

@@ -10,10 +10,10 @@ goog.require('ol.source.BingMaps');
 
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.FullScreen()
   ]),
-  interactions: ol.interaction.defaults({}, [
+  interactions: ol.interaction.defaults().extend([
     new ol.interaction.DragRotateAndZoom()
   ]),
   layers: [

examples/full-screen.js

@@ -13,7 +13,7 @@ var view = new ol.View2D({
 });
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.FullScreen()
   ]),
   layers: [

examples/mouse-position.js

@@ -20,7 +20,7 @@ var mousePositionControl = new ol.control.MousePosition({
 });
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [mousePositionControl]),
+  controls: ol.control.defaults().extend([mousePositionControl]),
   layers: [
     new ol.layer.TileLayer({
       source: new ol.source.OSM()

examples/navigation-controls.js

@@ -8,7 +8,7 @@ goog.require('ol.source.OSM');
 
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.ZoomToExtent({
       extent: [
         813079.7791264898,

examples/scale-line.js

@@ -11,7 +11,7 @@ goog.require('ol.source.OSM');
 var scaleLineControl = new ol.control.ScaleLine();
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     scaleLineControl
   ]),
   layers: [

examples/ten-thousand-points.js

@@ -42,7 +42,7 @@ var lineStringCollection = ol.geom2.LineStringCollection.pack([
 ]);
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.MousePosition({
       undefinedHTML: ' '
     })

examples/wms-custom-proj.js

@@ -47,7 +47,7 @@ var layers = [
 ];
 
 var map = new ol.Map({
-  controls: ol.control.defaults({}, [
+  controls: ol.control.defaults().extend([
     new ol.control.ScaleLine({
       units: ol.control.ScaleLineUnits.METRIC
     })