Witam!

mam mały problem, mianowicie przerobiłem lekko kod mapboxa, który miał zmieniać kolor danego utworzonego kształtu gdy znajdzie się w nim marker.
skrypt działa, lecz zmienia kolor wszystkich kształtów a miałby robić to tylko dla tego w którym jest marker.
prosiłbym o pomoc jak to wykonać. ponizej cały kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset=utf-8 />
  5. <title>Point in Polygon</title>
  6.  
  7. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
  8. <script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
  9. <link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />
  10.  
  11. <style>
  12.   body { margin:0; padding:0; }
  13.   #map { position:absolute; top:0; bottom:0; width:100%; }
  14. </style>
  15. </head>
  16. <body>
  17. <style>
  18. #state {
  19.     position:absolute;
  20.     top:10px;
  21.     right:10px;
  22.     background:#fff;
  23.     font-size:30px;
  24.     padding:10px;
  25.     z-index:999;
  26. }
  27. </style>
  28.  
  29. <script src='js/leaflet-pip.js'></script>
  30. <div id='map'></div>
  31. <div id='state'></div>
  32. <script>
  33. var map = L.mapbox.map('map', 'examples.map-9ijuk24y')
  34.     .setView([60, -102.0], 5);
  35.  
  36.  
  37.  
  38. var geoobj = [{
  39. 		"type":"Polygon",
  40. 		"properties": { "e": "1"	},
  41. 		"coordinates":[[[100,20],[129.5,10.5],[130.5,21],[110,20]]]
  42. 	},
  43. 	{
  44. 		"type":"Polygon",
  45. 		"properties": { "e": "2"	},
  46. 		"coordinates":[[[30,40],[11.5,4.5],[-31.5,41],[10,30]]]
  47. 	}
  48. ];
  49.  
  50.  
  51.         var states = L.geoJson(geoobj, {color: "#ff7800", weight: 1}).addTo(map);
  52.         L.marker([10, 122], {
  53.             icon: L.mapbox.marker.icon({
  54.                 'marker-color': '#f22'
  55.             }),
  56.             draggable: true
  57.         }).addTo(map)
  58.         .on('dragend', function(e) {          
  59. 		            var layer = leafletPip.pointInLayer(this.getLatLng(), states, true);
  60.  
  61. 		//	document.getElementById('state').innerHTML = 'cos tam2' ?
  62. 		//	layer[0].feature.properties.name : 'cos tam';
  63.  
  64. 			var layer = leafletPip.pointInLayer(this.getLatLng(), states, true);		
  65. 		states.setStyle({fillColor: 'black'});	
  66.  
  67. 		if(layer == false) {
  68. 		states.setStyle({fillColor: '#ff7800'});	
  69. 		}
  70.  
  71. 		});
  72.  
  73.  
  74. </script>
  75. </body>
  76. </html>
[HTML] pobierz, plaintext


poniżej link do skryptu:
http://jsfiddle.net/k4fzn/1/