JezK

Edit File: trip_history_backup26.php

<?php
session_start();
include("session_check.php");
include("menuheader.php");
if(!(in_array(5,$access) && in_array(5,$allow)))
echo "<script>location.replace('dashboard.php');</script>";
include_once("school_admin_access_app.php");
$fun=new adminaccess();
$school_id=$_SESSION['child']['log_school_id'];		//school_id
$academic_id=$_SESSION['child']['choosen_academic_id'];// academic_year_id 
$user_id=$_SESSION['child']['auth_id'];
$path='../mobapp/uploads/';
$routes=$fun->school_students_routes($school_id,$academic_id);
$drivers=$fun->school_staff_driver($school_id,$academic_id);

if($routes)
	{
		foreach($routes as $row)
		{
			if($_GET['rtid'] == $row['route_id'])
			{
				$route_info .= "<option value='{$row['route_id']}' selected>{$row['route_name']}</option>";
			}
			else
			{
				$route_info .="<option value='{$row['route_id']}' >{$row['route_name']}</option>";
			}
		}
	}
	
	
	if($drivers)
	{
		foreach($drivers as $rowd)
		{
			if($_GET['tdid']==$rowd['staff_id'])
			{
				$driver_info .= "<option value='{$rowd['staff_id']}' selected>{$rowd['staff_name']}</option>";
			}
			else
			{
				$driver_info .="<option value='{$rowd['staff_id']}' >{$rowd['staff_name']}</option>";
			}
		}
	}
	
	
	if($_GET['rtid']!='' && $_GET['tdid']!='')	
	{
		//$results=$fun->get_routemaps_ofDriver($school_id,$academic_id,$_GET['rtid']);
		$results=$fun->get_routemaps_ofDrivergeos($school_id,$academic_id,$_GET['rtid'],$_GET['tdid']);
		foreach ($results as $key=>$val)
		{
			$data[$val['trip_id']][$val['journey_status']][] = $val;
		}
	}

?>
<style>
.date
{
	font-family:Arial,Helvetica, sans-serif;
	font-style:normal;
	font-size:12px; 
	margin-left:-14px;
	margin-top:20px;
}
.time
{
	font-family:Arial,Helvetica, sans-serif;
	font-style:normal;
	font-size:12px; 
	margin-left:8px;
	margin-top:20px;
}
.name
{
	font-family:Arial,Helvetica, sans-serif;
	font-style:normal;
	font-size:13px;
	margin-left:20px;
	margin-top:20px;
}
.img-circle
{
	margin-top:20px;
}
.imgdrv
{
	margin-left:-14px;
	height:340px;
	width:100%;
	
}

html, body, .map_canvas123 { margin: 0; padding: 0; height: 100% }
</style>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<?php 
		$k = 1;
		foreach($data as $kk=>$val1)
		{?>
		<div style="height:200px; width:200px;" class="map_canvas123" id="map_canvas<?=$k?>"></div>
<?php $k++; } ?>
<body style="overflow-x: hidden;">			
	<div class="row" style="margin-top: 30px;">
		<div class="col-md-2  text-left" style="font:Arial, Helvetica, sans-serif;font-style:normal;font-size:24px;">
			<img src="images/trip-history@2x.png" style="margin: 0px 0px 0px 21px;" />Trip History
		</div>
	</div>

<div class="col-md-12" style="margin-top:20px;">	
		<div class="col-md-2 col-md-offset-1 text-left">
			<p style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:12px;font-weight:700;color:#666666; margin-left:-25px;" >Select Route<span style="color:#FF0000; margin:2px;">*</span></p>
		</div>
		<div class="col-md-2" style="margin-left:-130px; margin-top:-5px;">
			<select class="form-control" id="route" style="height:29px; width:327px;"  >
				<option  value='0'>Select Route</option>
				<? echo $route_info;?>
			</select>
			
				<div class="col-md-10" id="err_route" style="color:#990000;margin-left:-12px; display:none; width:200px;"></div>
			
		</div>		
	</div>
	
	
	<div class="col-md-12" style="margin-top:20px;">	
		<div class="col-md-2 col-md-offset-1 text-left">
			<p style="font-family:Arial, Helvetica, sans-serif;font-style:normal;font-size:12px;font-weight:700;color:#666666; margin-left:-25px;" >Driver<span style="color:#FF0000; margin:2px;">*</span></p>
		</div>
		<div class="col-md-2" style="margin-left:-130px; margin-top:-5px;">
			<select class="form-control" id="driver" style="height:29px; width:327px;"  onchange="changeRoute(this.value);">
				<option  value='0'>Select Driver</option>
				<? echo $driver_info;?>
			</select>
			
				<div class="col-md-10" id="err_driver" style="color:#990000;margin-left:-12px; display:none; width:200px;"></div>
			
		</div>
		
	</div>
	
	<div class="container">
<?php 	
		$even=0;
		if($data)
		{
			$i=0;
			$userco =array();
			$driver ='';
			$lat ='';
			$long ='';
			foreach($data as $kk=>$val1)
			{
				foreach($val1 as $kk1=>$val2)
				{
					foreach($val2 as $kk2=>$val3)
					{
						$userco[] = array($val3['driver_id'],$val3['latitude'],$val3['longitude']);
						$driver.= ','.$val3['driver_id'];
						$lat.= ','.$val3['latitude'];
						$long.= ','.$val3['longitude'];
					}
				}?>
	
		<script>
			var driver = "<?=$driver?>";
			var dlat = "<?=$lat?>";
			var dlong = "<?=$long?>";

driver = driver.split(",");
			dlat = dlat.split(",");
			dlong = dlong.split(",");
			
			var map;
			var mapOptions = { center: new google.maps.LatLng(dlat[0], dlong[0]), zoom: 20, mapTypeId: google.maps.MapTypeId.ROADMAP };
			function initialize()
			{
				map = new google.maps.Map(document.getElementById("map_canvas<?=$i?>"), mapOptions);
				var cooruser = [];
				var userCoorPath = [];
				for(var j =0;j<driver.length;j++)
				{
					var cooruserpn = [];
					cooruserpn[0] = driver[j];
					cooruserpn[1] = dlat[j];
					cooruserpn[2] = dlong[j];
					cooruser[j] = cooruserpn;
					userCoorPath[j] = new google.maps.LatLng(dlat[j],dlong[j]);
				}

userCoor = cooruser;
				var userCoordinate = new google.maps.Polyline({
										path: userCoorPath,
										strokeColor: "#FF0000",
										strokeOpacity: 1,
										strokeWeight: 2
										});
				userCoordinate.setMap(map);
				
				var infowindow = new google.maps.InfoWindow();
				
				var marker, i;

for (i = 0; i < userCoor.length; i++)
				{  
					marker = new google.maps.Marker({
					position: new google.maps.LatLng(userCoor[i][1], userCoor[i][2]),
					map: map
					});
				google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(userCoor[i][1]);
      infowindow.open(map, marker);
    }
  })(marker, i));
}
}
      google.maps.event.addDomListener(window, 'load', initialize);
			
</script>
<?php
$i++;
	}
}
?>	
</div>	
<script>
    var map;
      var mapOptions = { center: new google.maps.LatLng(0.0, 0.0), zoom: 2,
        mapTypeId: google.maps.MapTypeId.ROADMAP };

function initialize()
      {
		map = new google.maps.Map(document.getElementById("map_canvas123"), mapOptions);
		var userCoor = [["a", 0, 0],
                ["b", 30, 0],
                ["c", 10, 20]];
		var userCoorPath = [new google.maps.LatLng(0,0),
		         new google.maps.LatLng(30,0),
                 new google.maps.LatLng(10,20)]
		
		var userCoordinate = new google.maps.Polyline({
							path: userCoorPath,
							strokeColor: "#FF0000",
							strokeOpacity: 1,
							strokeWeight: 2
							});
		userCoordinate.setMap(map);

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < userCoor.length; i++) {  
		  marker = new google.maps.Marker({
			position: new google.maps.LatLng(userCoor[i][1], userCoor[i][2]),
			map: map
		  });

google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(userCoor[i][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));

}

}
      google.maps.event.addDomListener(window, 'load', initialize);
			
</script>