JezK

Edit File: map.php

<?php

session_start();
include("menuheader.php");
//$date = date('Y-m-d');
$date = date('Y-m-d');
//echo $date;
$sql="select *  from ced_t_geovalues where driver_id= 8 and taken_at = '2016-01-11' order by  geo_id asc " ;
$result=mysql_query($sql);

$data =array();
$driver =array();
$lat =array();
$long =array();
while(@$row=mysql_fetch_array($result))
{
	/*
	if($row['journey_status'] == '1'){
		$data[$row['driver_id']][$row['geo_id']][]= $row;
	}else if($row['journey_status'] == 2){
		$data[$row['driver_id']][$row['geo_id']][]= $row;
	}else if($row['journey_status'] == 3){
		$data[$row['driver_id']][$row['geo_id']][]= $row;
	}
	* */
	$userco[] = array($row['driver_id'],$row['latitude'],$row['longitude']);
	//$usercopath[] = array(new google.maps.LatLng($row['latitude'],$row['longitude']));
//	$data[$row['driver_id']][] = $row;

$driver[] =  $row['driver_id'];
	$lat[] =  $row['latitude'];
	$long[] =  $row['longitude'];
	
	
}

$driver =  implode(",",$driver);
	$lat =  implode(",",$lat);
	$long =  implode(",",$long);

?>
<style>

html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
</style>

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"), mapOptions);

/*
alert(driver);
alert(dlat);
alert(dlong);
*/

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]);
}

//alert(cooruser);
/*
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)]
*/

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][0]);
      infowindow.open(map, marker);
    }
  })(marker, i));

}

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