diff options
| -rw-r--r-- | resources/map.js | 27 |
1 files changed, 19 insertions, 8 deletions
diff --git a/resources/map.js b/resources/map.js index 9c0f009..14875fe 100644 --- a/resources/map.js +++ b/resources/map.js @@ -25,6 +25,23 @@ $(document).ready(function() { <% }); %> \ </table>'); + self.catchmentTemplate = _.template('<table>\ +<tr><th>Key</th><th>Value</th></tr>\ +<% _.each(properties, function(val, key) { %> \ +<% if (/\:/.exec(key)) { %> \ +<tr> \ +<td><%= key.split(":")[1] %> </td> \ +<td><%= val %> </td> \ +</tr> \ +<% } else {%> \ +<tr>\ +<td><%= key %> </td> \ +<td><%= val %> </td> \ +</tr>\ +<% } %> \ +<% }); %> \ +</table>'); + self.tileLayer = L.tileLayer('http://{s}.www.toolserver.org/tiles/osm-no-labels/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors' @@ -95,14 +112,8 @@ $(document).ready(function() { mouseout: resetHighlight, click: zoomToFeature }); - /*var center; - if (feature.geometry.type === "Point") { - center = feature.geometry.coordinates; - } else { - center = feature.geometry.coordinates[0]; - } - - layer.bindPopup(self.popupTemplate({ properties: feature.properties, coordinate: center }));*/ + + layer.bindPopup(self.catchmentTemplate({ properties: feature.properties })); }, filter: function(feature, layer) { return _.contains(_.values(feature.properties), "catchment_area"); |