diff options
-rw-r--r-- | resources/map.js | 28 |
1 files changed, 27 insertions, 1 deletions
diff --git a/resources/map.js b/resources/map.js index 552bc76..abc362f 100644 --- a/resources/map.js +++ b/resources/map.js @@ -23,7 +23,23 @@ function initMap(self) { color: 'black', dashArray: '3', fillOpacity: 0.1}; - } + }, + onEachFeature: function(feature, layer) { + var center; + if (feature.geometry.type === "Point") { + center = feature.geometry.coordinates; + } else { + center = feature.geometry.coordinates[0]; + } + + var displayProperties = { name: feature.properties["name"], population: feature.properties["population"] }; + if (typeof displayProperties["name"] == "undefined") + displayProperties["name"] = "Unknown"; + if (typeof displayProperties["population"] == "undefined") + displayProperties["population"] = "Unknown"; + + layer.bindPopup(self.settlementPopupTemplate({ properties: displayProperties, coordinate: center })); + } }); map.addLayer(self.settlementLayer); @@ -295,6 +311,16 @@ $(document).ready(function() { <tr><td>Average distance of all settlements from health structure</td><td align="right"><%= properties["average_settlement_dist"] %></td></tr>\ </table>'); + self.settlementPopupTemplate= _.template('<a href="http://www.openstreetmap.org/edit?editor=potlatch2&lat=<%= coordinate[1] %>&lon=<%= coordinate[0] %>&zoom=18">\ +<img src="resources/img/potlatch.png"></a>\ +<a href="http://www.openstreetmap.org/edit?editor=remote&lat=<%= coordinate[1] %>&lon=<%= coordinate[0] %>&zoom=18">\ +<img src="resources/img/josm.png"></a>\ +<h3>Settlement</h3>\ +<table width="100%">\ +<tr><td>Name</td><td align="right"><%= properties["name"] %></td></tr>\ +<tr><td>Population</td><td align="right"><%= properties["population"] %></td></tr>\ +</table>'); + var map = initMap(self); map.on('moveend', function(e) { |