Use topojson instead of geojson

Author: k-nut

bower.json

@@ -14,6 +14,7 @@
     "tests"
   ],
   "dependencies": {
-    "jquery": "~2.1.4"
+    "jquery": "~2.1.4",
+    "leaflet-omnivore": "~0.3.2"
   }
 }

countries/codeforfreedom-countries.topojson

@@ -2,12 +2,13 @@ require.config({
   paths: {
     leaflet: "/bower_components/leaflet/dist/leaflet",
     handlebars: "/bower_components/handlebars/handlebars.amd",
-    jquery: "/bower_components/jquery/dist/jquery.min"
+    jquery: "/bower_components/jquery/dist/jquery.min",
+    omnivore: "/bower_components/leaflet-omnivore/leaflet-omnivore",
   }
 });
 
 
-require(["leaflet", "handlebars", "jquery"], function(L, handlebars, $){
+require(["leaflet", "handlebars", "jquery", "omnivore"], function(L, handlebars, $, omnivore){
   "use strict";
   // create a map in the "map" div, set the view to a given place and zoom
   var map = L.map("map").setView([52.505, 10.09], 4);
@@ -18,17 +19,15 @@ require(["leaflet", "handlebars", "jquery"], function(L, handlebars, $){
   }).addTo(map);
 
 
-  // Selected countries
-  var countries;
-  $.getJSON("countries/codeforfreedom-countries.geojson", function(data) {
-    countries = data;
-  })
-  .done(function(){
-    L.geoJson(countries, { style: {
-      fillColor: "#d8c92d",
-      color: "#4cba6a"
-    }}).addTo(map);
-  });
+  var countriesLayer = L.geoJson(null, { style:
+                                          {
+                                            fillColor: "#d8c92d",
+                                            color: "#4cba6a"
+                                          }
+                                        }
+                                 ).addTo(map);
+  
+  omnivore.topojson("/countries/codeforfreedom-countries.topojson", null, countriesLayer).addTo(map);
 
 
   // People from everywhere
@@ -41,7 +40,7 @@ require(["leaflet", "handlebars", "jquery"], function(L, handlebars, $){
   });
 
   var mappedPeople = [];
-  var source   = $("#popup-template").html();
+  var source   = document.getElementById("popup-template").innerHTML;
   var template = handlebars.compile(source);
 
   function addPeople(data){