From cde5625646b05ecc50e0674d21a267c02b0d4f34 Mon Sep 17 00:00:00 2001
From: Luigi Selmi <selmi_luigi@hotmail.com>
Date: Thu, 19 Mar 2015 17:15:45 +0100
Subject: [PATCH] added different colors for pois and events markers

---
 src/main/webapp/index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 627c284..1a8b644 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -44,7 +44,7 @@ <h1>FusepoolP3 Spatial Search Demo</h1>
 		      id: 'examples.map-i875mjb7'
 	     }).addTo(map);
 		
-	     var eventIcon = L.MakiMarkers.icon({icon: "marker", color: "#ff0", size: "1"});
+	     
 	     var myIcon = L.MakiMarkers.icon({icon: "embassy", color: "#f00", size: "1"});
 	     var myMarker = L.marker([46.071590, 11.123274], {
 	    	 icon: myIcon,
@@ -73,18 +73,25 @@ <h1>FusepoolP3 Spatial Search Demo</h1>
 		*/
 	    //map.on('click', onMapClick);
 		
+		var eventIcon = L.MakiMarkers.icon({icon: "marker", color: "#ff0", size: "1"});
+	    var poiIcon = L.MakiMarkers.icon({icon: "marker", color: "#339933", size: "1"});
+	     
 		var myLayerGroup = L.layerGroup().addTo(map);
 	    
 	    function getJson(){		
 		  var container = document.getElementById('container').value;
 		  var coords = document.getElementById('coordinates').value;
 		  var date = document.getElementById('date').value;
+		  var markerIcon = poiIcon;
+		  if(date !=''){
+			  markerIcon = eventIcon; 
+		  }
 		  var radius = document.getElementById('radius').value;
 		  $.getJSON("./search?coordinates="+coords+"&date="+date+"&radius="+radius+"&container="+container,function(data){
 			geojsonLayer = L.geoJson(data,{
 				//change icon to features
 				pointToLayer: function (feature,latlng) {					
-					return L.marker(latlng,{icon: eventIcon});
+					return L.marker(latlng,{icon: markerIcon});
 				},
 				// add popup to feature
 				onEachFeature: function (feature, layer) {