fix overflow problem for on creating a panel

Author: daniellee

dist/css/worldmap-panel.css

@@ -1,3 +1,7 @@
+.mapcontainer {
+  overflow: hidden;
+}
+
 .info {
   padding: 6px 8px;
   font: 14px/16px Arial, Helvetica, sans-serif;

dist/map_renderer.js

@@ -9,7 +9,7 @@
     "lint:watch": "onchange 'src/**/*.js' -- npm run lint",
     "build": "grunt",
     "prebuild": "npm run lint && npm run clean",
-    "build:watch": "onchange './src/**/*.js' './src/plugin.json' -- npm run build",
+    "build:watch": "onchange './src/**/*.js' './src/**/*.css' './src/**/*.html' './src/plugin.json' -- npm run build",
     "test:watch": "karma start",
     "test": "karma start --single-run"
   },

dist/map_renderer.js.map

@@ -1,3 +1,7 @@
+.mapcontainer {
+  overflow: hidden;
+}
+
 .info {
   padding: 6px 8px;
   font: 14px/16px Arial, Helvetica, sans-serif;

dist/worldmap.js

@@ -2,8 +2,6 @@ import './css/leaflet.css!';
 import WorldMap from './worldmap';
 
 export default function link(scope, elem, attrs, ctrl) {
-  const mapContainer = elem.find('.mapcontainer');
-
   ctrl.events.on('render', () => {
     render();
     ctrl.renderingCompleted();
@@ -12,6 +10,12 @@ export default function link(scope, elem, attrs, ctrl) {
   function render() {
     if (!ctrl.data) return;
 
+    const mapContainer = elem.find('.mapcontainer');
+
+    if (mapContainer[0].id.indexOf('{{') > -1) {
+      return;
+    }
+
     if (!ctrl.map) {
       ctrl.map = new WorldMap(ctrl, mapContainer[0]);
     }

dist/worldmap.js.map

@@ -12,8 +12,9 @@ export default class WorldMap {
   constructor(ctrl, mapContainer) {
     this.ctrl = ctrl;
     this.mapContainer = mapContainer;
-    this.createMap();
     this.circles = [];
+
+    return this.createMap();
   }
 
   createMap() {