var pixel = 9;

var defaultTravelTimes = [900];

var polygonLayer = r360.leafletPolygonLayer().addTo(map);
polygonLayer.setColors([
     // { 'time': 300, 'opacity': 1.0, 'color': '#509373' },
     // { 'time': 600, 'opacity': 1.0, 'color': '#75c380' },
      { 'time': 900, 'opacity': 1.0, 'color': '#C1272D' }
     // { 'time': 1500, 'opacity': 1.0, 'color': '#C1272D' },
     // ["#509373", "#75c380", "#abcf79"]
  ]);
var showPolygons = function() {
    polygonLayer.setStrokeWidth(pixel);

  };

// group.addTo(map)
function onClick (marker, travelOptions) {
  var defaultColors = r360.config.defaultTravelTimeControlOptions.travelTimes.filter(function(t){
    return defaultTravelTimes.indexOf(t.time) > -1;
  }).map(function(t){
    return t.color;
  });
  var app1 = document.getElementById('app1');
  angular.element(function() {
     angular.bootstrap(app1, ['app1']);
  });
  angular.module('app1',['ngMaterial', 'ng360'])
  .controller("RainbowExampleController", function() {
    var vm = this;
    vm.rainbowConf = {
        range: { times: [15] },
        travelTime: 15,
        colorRange: {
            "name": "Green to Red",
            "id": "default",
            "colors": [/*"#509373", "#75c380", */"#abcf79"],
            "opacities": [1.0]
        }}
    });
  var polygonLayer = r360.leafletPolygonLayer()
  polygonLayer.addTo(map);
  var travelOptions = r360.travelOptions();
  travelOptions.setServiceKey('N2T7JHHPOTJAWSFQ7YOMJYH')
  travelOptions.setServiceUrl('https://service.route360.net/na_northeast/')
  travelOptions.addSource(marker);
  travelOptions.setTravelTimes([900])
  travelOptions.setTravelType('car');
  r360.PolygonService.getTravelTimePolygons(travelOptions, function(polygons){
    polygonLayer.setStrokeWidth(10);
    polygonLayer.clearAndAddLayers(polygons, false);
  });
}

@@ -514,16 +514,87 @@
 To(map)%0A
+$('#map').on('click', '.trigger', function(marker, travelOptions) %7B%0A// 
 function

Update polkadot.js