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> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <div id="map_canvas"></div> <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"), mapOptions); /* alert(driver); alert(dlat); alert(dlong); */ /* 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>