OpenStreetMap contributors, CC-BY-SA, Imagery © CloudMade',
+ subdomains: ['otile1', 'otile2', 'otile3', 'otile4'],
+ maxZoom: 18
+ });
+
+ var london = new L.LatLng(51.505, -0.09);
+ map.setView(london, 13)
+
+ map.addLayer(cloudmade);
+
+ // map.locate(setView=true);
+
+ map.addLayer(geojsonLayer);
+
+ // events
+ map.on('click', onMapClick);
+
+ geojsonLayer.on("featureparse", function (e) {
+ // Initialize popups with feature properties
+ if (!e.properties) {
+ e.properties = {};
+ }
+ //e.properties['_id'] = e.id;
+ e.layer.bindPopup(buildPopupContent(e.properties));
+ // Keep a reference on Marker
+ //markers[e.id] = e.layer;
+ //initMarker(e.layer, e.properties);
+ });
+}
+
+function getAllFeatures() {
+ $.getJSON(API.features, function(data, status) {
+ // geojsonLayer.on("featureparse", function (e) {
+
+ // });
+ if (data) {
+ geojsonLayer.addGeoJSON(data);
+ }
+ });
+
+}
+
+function onMapClick(e) {
+ popup = new L.Popup();
+ var template = $('#template_feature_form').html();
+ var content = Mustache.to_html(template, {'lon': e.latlng.lng.toFixed(4),
+ 'lat': e.latlng.lat.toFixed(4)});
+ popup.setLatLng(e.latlng);
+ popup.setContent(content);
+ map.openPopup(popup);
+}
+
+function addFeature(form) {
+ console.log($(form).serialize());
+ $.post(API.features, $(form).serialize());
+ map.closePopup(popup);
+ return false;
+ // $.post(API.features, {lon: latlng.lng, lat: latlng.lat});
+}
+
+function buildPopupContent(properties) {
+ var template = $('#template_feature').html();
+ return Mustache.to_html(template, properties);
+}
diff --git a/mappy/templates/map.html b/mappy/templates/map.html
new file mode 100644
index 0000000..df604f6
--- /dev/null
+++ b/mappy/templates/map.html
@@ -0,0 +1,82 @@
+
+
+
+
+ Mappy
+
+
+
+
+
+
+
+
+
+
+
+
+ {% if config.MOBILE %}
+
+
+
+ {% endif %}
+
+ {% if config.MOBILE and config.DEBUG and config.JSCONSOLE_KEY %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+ {% raw %}
+
+
+
Title: {{title}}
+
Info: {{info}}
+
Urgency: {{urgency}}
+