Add Clickthrough URL option for country circles

src/partials/editor.html

@@ -27,6 +27,10 @@ <h5 class="section-heading">Map Visual Options</h5>
       label="Sticky Labels" label-class="width-10"
       checked="ctrl.panel.stickyLabels" on-change="ctrl.toggleStickyLabels()">
     </gf-form-switch>
+		<div class="gf-form">
+			<label class="gf-form-label width-10">Clickthrough URL</label>
+			<input type="text" class="input-small gf-form-input width-10" ng-model="ctrl.panel.clickthroughURL" ng-change="ctrl.refresh()" ng-model-onblur />
+		</div>
 		<div class="gf-form">
 			<label class="gf-form-label width-10">Decimals</label>
 			<input type="number" class="input-small gf-form-input width-10" ng-model="ctrl.panel.decimals" ng-change="ctrl.refresh()" ng-model-onblur />

src/worldmap.js

@@ -114,6 +114,7 @@ export default class WorldMap {
           location: dataPoint.key,
         });
         circle.unbindPopup();
+        this.createClickthrough(circle, dataPoint.key);
         this.createPopup(circle, dataPoint.locationName, dataPoint.valueRounded);
       }
     });
@@ -128,6 +129,7 @@ export default class WorldMap {
       location: dataPoint.key
     });
 
+    this.createClickthrough(circle, dataPoint.key);
     this.createPopup(circle, dataPoint.locationName, dataPoint.valueRounded);
     return circle;
   }
@@ -164,6 +166,15 @@ export default class WorldMap {
     }
   }
 
+  createClickthrough(circle, key) {
+    if (this.ctrl.panel.clickthroughURL) {
+      const newURL = this.ctrl.panel.clickthroughURL.replace('$country', key);
+      circle.on('click', function onClick(evt) {
+        window.location.assign(newURL);
+      });
+    }
+  }
+
   getColor(value) {
     for (let index = this.ctrl.data.thresholds.length; index > 0; index -= 1) {
       if (value >= this.ctrl.data.thresholds[index - 1]) {

src/worldmap_ctrl.js

@@ -27,7 +27,8 @@ const panelDefaults = {
   decimals: 0,
   hideEmpty: false,
   hideZero: false,
-  stickyLabels: false
+  stickyLabels: false,
+  clickthroughURL: ''
 };
 
 const mapCenters = {