Added redmarkers

map.html

@@ -82,6 +82,14 @@
   </script>
   <script type="text/javascript">
     var popuptemplate = Handlebars.compile($('#popup-template').html());
+    var RedIcon = L.Icon.Default.extend({
+        options: {
+            iconUrl: 'red-marker.png'
+        }
+    });
+    var redIcon = new RedIcon();
+    var BlueIcon = L.Icon.Default.extend({});
+    var blueIcon = new BlueIcon();
     
     function onEachFeature(feature, layer) {
       if (feature.properties) {
@@ -89,6 +97,15 @@
       }
     }
 
+    function pointToLayer(feature, latlng) {
+        if (feature.properties) {
+            if (!feature.properties.hours.saturday && !feature.properties.hours.sunday) {
+                return L.marker(latlng, {icon:blueIcon});
+            }
+        }
+        return L.marker(latlng, {icon: redIcon});
+    }
+
     $(document).ready(function() {
       var map = L.map('map').setView([51.0475378, 3.7261835], 13);
       var googleLayer = new L.Google('TERRAIN');
@@ -97,7 +114,8 @@
       $.getJSON('data.json')
        .done(function(data) {
          var geojson = L.geoJson(data, {
-           onEachFeature: onEachFeature
+           onEachFeature: onEachFeature,
+           pointToLayer: pointToLayer
          });
          map.addLayer(geojson);
        });