Add ol.layer.Heatmap#blur getter and setter

examples/heatmap-earthquakes.html

@@ -45,6 +45,8 @@
           <form>
             <label>radius size</label>
             <input id="radius" type="range" min="1" max="50" step="1" value="5"/>
+            <label>blur size</label>
+            <input id="blur" type="range" min="1" max="50" step="1" value="15"/>
           </form>
         </div>
 

examples/heatmap-earthquakes.js

@@ -5,6 +5,7 @@ goog.require('ol.layer.Tile');
 goog.require('ol.source.KML');
 goog.require('ol.source.Stamen');
 
+var blur = $('#blur');
 var radius = $('#radius');
 
 var vector = new ol.layer.Heatmap({
@@ -13,6 +14,7 @@ var vector = new ol.layer.Heatmap({
     projection: 'EPSG:3857',
     url: 'data/kml/2012_Earthquakes_Mag5.kml'
   }),
+  blur: parseInt(blur.val(), 10),
   radius: parseInt(radius.val(), 10)
 });
 
@@ -41,6 +43,10 @@ var map = new ol.Map({
 });
 
 
+blur.on('input', function() {
+  vector.setBlur(parseInt(blur.val(), 10));
+});
+
 radius.on('input', function() {
   vector.setRadius(parseInt(radius.val(), 10));
 });