Initial commit

lib/assets/javascripts/cdb.js/examples/TheHobbitLocations/js/app.js

@@ -0,0 +1,39 @@
+var map;
+
+function main() {
+
+  var options = {
+    center: [-42.27730877423707, 172.63916015625],
+    zoom: 6, 
+    zoomControl: false,  // dont add the zoom overlay (it is added by default)
+    loaderControl: false //dont show tiles loader
+  };
+
+  cartodb.createVis('map', 'http://saleiva.carto.com/api/v2/viz/20a26a6a-eef9-11e2-8999-3085a9a9563c/viz.json', options)
+    .done(function(vis, layers) {
+      // there are two layers, base layer and points layer
+      var sublayer = layers[1].getSubLayer(0);
+      sublayer.set({ 'interactivity': ['cartodb_id', 'name_to_display', 'description'] });
+
+      // Set the custom infowindow template defined on the html
+      sublayer.infowindow.set('template', $('#infowindow_template').html());
+
+      // add the tooltip show when hover on the point
+      vis.addOverlay({
+        type: 'tooltip',
+        position: 'top|center',
+        template: '<p>{{name_to_display}}</p>'
+      });
+
+      vis.addOverlay({
+        type: 'infobox',
+        template: '<h3>{{name_to_display}}</h3><p>{{description}}</p>',
+        width: 200,
+        position: 'bottom|right'
+      });
+
+    });
+
+}
+
+window.onload = main;