Start with campus map

1 files changed, 39 insertions, 0 deletions

diff --git a/js/campus.js b/js/campus.js
new file mode 100644
index 0000000..941d5bb
--- /dev/null
+++ b/js/campus.js
@@ -0,0 +1,39 @@
+define(['campus-coords', 'd3'], function(coords, d3) {
+    'use strict';
+
+    var imageUrl = 'images/campus.jpg';
+
+    function initSvg(svg) {
+        svg
+            .attr('width', 1280)
+            .attr('height', 893);
+
+        svg.append('image')
+            .attr('xlink:href', imageUrl)
+            .attr('width', 1280)
+            .attr('height', 893);
+
+        svg.append('g')
+            .selectAll('polygon')
+                .data(coords)
+            .enter()
+                .append('a')
+                    .attr('xlink:href', function(d) {
+                        return '#/campus/' + d.name;
+                    })
+                .append('polygon')
+                    .attr('class', 'building')
+                    .attr('points', function(d) {
+                        return d.coords.join(' ');
+                    })
+                    .append('title')
+                        .text(function(d) {
+                            return d.name;
+                        });
+    }
+
+    return function() {
+        var svg = d3.select('#campus-map').append('svg');
+        initSvg(svg);
+    };
+});