fixed map resize

public/js/directives.js

@@ -16,6 +16,7 @@ angular.module('netStatsApp.directives', []).
 				data: '='
 			},
 			link: function(scope, element, attrs) {
+				scope.init = function() {
 					element.empty();
 
 					scope.map = new Datamap({
@@ -42,7 +43,18 @@ angular.module('netStatsApp.directives', []).
 						}
 					});
 
-				scope.map.bubbles(scope.data);
+					scope.map.bubbles(scope.data, {
+						borderWidth: 0,
+						popupOnHover: false,
+						highlightOnHover: false
+					});
+				}
+
+				scope.init();
+
+				window.onresize = function() {
+					scope.$apply();
+				};
 
 				scope.$watch('data', function() {
 					scope.map.bubbles(scope.data, {
@@ -51,6 +63,12 @@ angular.module('netStatsApp.directives', []).
 						highlightOnHover: false
 					});
 				}, true);
+
+				scope.$watch(function() {
+					return angular.element(window)[0].innerWidth;
+				}, function() {
+					scope.init();
+				});
 			}
 		};
 	}]);

public/js/script.js

@@ -1,24 +1,4 @@
 (function() {
-	var mapHolder = document.getElementById('mapHolder');
-	mapHolder.clientHeight = mapHolder.clientWidth/2;
-
-	Datamap.prototype.resize = function () {
-		var self = this;
-		var options = self.options;
-		if (options.responsive) {
-			var prefix = '-webkit-transform' in document.body.style ? '-webkit-' : '-moz-transform' in document.body.style ? '-moz-' : '-ms-transform' in document.body.style ? '-ms-' : '',
-			newsize = options.element.clientWidth,
-			oldsize = d3.select(options.element).select('svg').attr('data-width');
-			d3.select(options.element).select('svg').selectAll('g').style(prefix + 'transform', 'scale(' + (newsize / oldsize) + ')');
-		}
-	}
-
-	d3.select(mapHolder).select('svg').attr('data-width', mapHolder.clientWidth);
-
-	// window.addEventListener("resize", function (event) {
-	// 	map.resize();
-	// });
-
 	var socket = io.connect();
 
 	socket.on('init', function(data){