Skip to main content
removeu 75 caracteres do conteúdo; tags editadas; título editado
Fonte Link
viana
  • 27,7mil
  • 26
  • 96
  • 198

API Google Maps com PHP Como definir ícones diferentes no mapa no início e no fim do trajeto?

Boa noite colegas, preciso de uma grande ajuda, estouEstou desenvolvendo sistema de rastreamento e preciso que ao consultar o trajeto onde o veículo passou, o. Quero que ponto inicial e final sejam identificados com outro ícone conforme imagem. Segue também código PHP abaixo e o JAVASCRIPT em imagem:

API Google Maps com PHP

Boa noite colegas, preciso de uma grande ajuda, estou desenvolvendo sistema de rastreamento e preciso que ao consultar o trajeto onde o veículo passou, o ponto inicial e final sejam identificados com outro ícone conforme imagem. Segue também código PHP abaixo e o JAVASCRIPT em imagem:

Como definir ícones diferentes no mapa no início e no fim do trajeto?

Estou desenvolvendo sistema de rastreamento e preciso que ao consultar o trajeto onde o veículo passou. Quero que ponto inicial e final sejam identificados com outro ícone conforme imagem. Segue também código PHP:

adicionou 380 caracteres ao conteúdo
Fonte Link
viana
  • 27,7mil
  • 26
  • 96
  • 198

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

//AQUI ESTÁ TODO O CODIGO DO ARQUIVO. Função para criação do Marker:

<?php include "../../conexaomaps.php";?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<?php $kx = "";
    $SQL = "select * from hist_posicao ";
    if($DdViagem != ""){$SQL .= " where cd_viagem = '".$DdViagem."' ";}
    if($cd_veiculo != ""){$SQL .= " where cd_veiculo = '".$cd_veiculo."' and dt_hora >= '".DtBrToDtEua($TxDe,4)."' and dt_hora <= '".DtBrToDtEua($TxAte,4)."' ";}
    if($cd_mct != ""){$SQL .= " and cd_mct = '".$cd_mct."' ";}
    if($cd_bkp != ""){$SQL .= " and cd_bkp = '".$cd_bkp."' ";}
    if($cd_velo == 1){$SQL .= " and vl_velocidade > 0 ";}
    if($cd_velo == 2){$SQL .= " and vl_velocidade = 0 ";}
    if($cd_velo == 3){$SQL .= " and vl_velocidade > '".$limitevel."'";}
    $SQL .= " order by dt_hora asc ";
    $RSS = mysql_query($SQL, $conexao);
    while($RS= mysql_fetch_array($RSS)){
        $x = $x + 1;
        $kx .= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";
        
        if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}
        if($x == 1){$pt = $pt . chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt . chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}
        $adata  = $RS["dt_hora"];
        if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}
        //$aig  = $RS["ig"];
        $apos   = $RS["ds_posicao"];
        $alat   = $RS["vl_latitude"];
        $alng   = $RS["vl_longitude"];
        
        //$pt = $pt . chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";

    }
    $pt = $pt . chr(91)."'FIM: ".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
?>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize()
{
    var myOptions = {
      zoom: 7,
      center: new google.maps.LatLng(-27.2317, -52.0294),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    setMarkers(map, beaches);
    
    //CRIACAO DE LINHAS
  var flightPlanCoordinates = [<?php echo substr($kx,0, (strlen($kx)-1)locations);?>]; //busca valores vindos do while do BD.
  var flightPath = new google.maps.Polyline({
      
    path: flightPlanCoordinates, //recebe variavel com valores do while vindos do BD.
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);  
}

var beaches = [<?php echo substr($pt,0, (strlen($pt)-1));?>];
function setMarkers(map, locations)
{
  var image = new google.maps.MarkerImage('../../imagens/car_mini.png',
        new google.maps.Size(20, 32),
        new google.maps.Point(0, 0),
        new google.maps.Point(0, 10));
    var shape = {
        coord: [1, 1, 1, 20, 18, 20, 18 , 1],
        type: 'poly'
    };
   
  
   for (var i = 0; i < locations.length; i++) {
        var beach = locations[i];
        var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            shape: shape,
            title: beach[0],
            zIndex: beach[3]
    });
  }
}
</script>
</head>
<body onLoad="initialize( })">;
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>}
</html>}

inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

//AQUI ESTÁ TODO O CODIGO DO ARQUIVO.

<?php include "../../conexaomaps.php";?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<?php $kx = "";
    $SQL = "select * from hist_posicao ";
    if($DdViagem != ""){$SQL .= " where cd_viagem = '".$DdViagem."' ";}
    if($cd_veiculo != ""){$SQL .= " where cd_veiculo = '".$cd_veiculo."' and dt_hora >= '".DtBrToDtEua($TxDe,4)."' and dt_hora <= '".DtBrToDtEua($TxAte,4)."' ";}
    if($cd_mct != ""){$SQL .= " and cd_mct = '".$cd_mct."' ";}
    if($cd_bkp != ""){$SQL .= " and cd_bkp = '".$cd_bkp."' ";}
    if($cd_velo == 1){$SQL .= " and vl_velocidade > 0 ";}
    if($cd_velo == 2){$SQL .= " and vl_velocidade = 0 ";}
    if($cd_velo == 3){$SQL .= " and vl_velocidade > '".$limitevel."'";}
    $SQL .= " order by dt_hora asc ";
    $RSS = mysql_query($SQL, $conexao);
    while($RS= mysql_fetch_array($RSS)){
        $x = $x + 1;
        $kx .= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";
        
        if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}
        if($x == 1){$pt = $pt . chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt . chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}
        $adata  = $RS["dt_hora"];
        if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}
        //$aig  = $RS["ig"];
        $apos   = $RS["ds_posicao"];
        $alat   = $RS["vl_latitude"];
        $alng   = $RS["vl_longitude"];
        
        //$pt = $pt . chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";

    }
    $pt = $pt . chr(91)."'FIM: ".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
?>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize()
{
    var myOptions = {
      zoom: 7,
      center: new google.maps.LatLng(-27.2317, -52.0294),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    setMarkers(map, beaches);
    
    //CRIACAO DE LINHAS
  var flightPlanCoordinates = [<?php echo substr($kx,0, (strlen($kx)-1));?>]; //busca valores vindos do while do BD.
  var flightPath = new google.maps.Polyline({
      
    path: flightPlanCoordinates, //recebe variavel com valores do while vindos do BD.
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);  
}

var beaches = [<?php echo substr($pt,0, (strlen($pt)-1));?>];
function setMarkers(map, locations)
{
  var image = new google.maps.MarkerImage('../../imagens/car_mini.png',
      new google.maps.Size(20, 32),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 10));
  var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
    };
    
   for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image,
        shape: shape,
        title: beach[0],
        zIndex: beach[3]
    });
  }
}
</script>
</head>
<body onLoad="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

inserir a descrição da imagem aqui

Função para criação do Marker:

function setMarkers(map, locations) {
    var image = new google.maps.MarkerImage('../../imagens/car_mini.png',
        new google.maps.Size(20, 32),
        new google.maps.Point(0, 0),
        new google.maps.Point(0, 10));
    var shape = {
        coord: [1, 1, 1, 20, 18, 20, 18, 1],
        type: 'poly'
    };
 
    for (var i = 0; i < locations.length; i++) {
        var beach = locations[i];
        var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            shape: shape,
            title: beach[0],
            zIndex: beach[3]
        });
    }
}
adicionou 380 caracteres ao conteúdo
Fonte Link
viana
  • 27,7mil
  • 26
  • 96
  • 198
html{ height: 100%}body{ height: 100%; margin: 0px; padding: 0px}#map_canvas{ height: 100%}= '".DtBrToDtEua($TxDe,4)."' and dt_hora 0 ";}if($cd_velo == 2){$SQL.= " and vl_velocidade = 0 ";}if($cd_velo == 3){$SQL.= " and vl_velocidade > '".$limitevel."'";}$SQL.= " order by dt_hora asc ";$RSS = mysql_query($SQL, $conexao);while($RS= mysql_fetch_array($RSS)){$x = $x + 1;$kx.= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}if($x == 1){$pt = $pt. chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))."- ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt. chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))."- ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}$adata = $RS["dt_hora"];if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}//$aig = $RS["ig"];$apos = $RS["ds_posicao"];$alat = $RS["vl_latitude"];$alng = $RS["vl_longitude"];//$pt = $pt. chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))."- ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
<?php include "../../conexaomaps.php";?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<?php $kx = "";
    $SQL = "select * from hist_posicao ";
    if($DdViagem != ""){$SQL .= " where cd_viagem = '".$DdViagem."' ";}
    if($cd_veiculo != ""){$SQL .= " where cd_veiculo = '".$cd_veiculo."' and dt_hora >= '".DtBrToDtEua($TxDe,4)."' and dt_hora <= '".DtBrToDtEua($TxAte,4)."' ";}
    if($cd_mct != ""){$SQL .= " and cd_mct = '".$cd_mct."' ";}
    if($cd_bkp != ""){$SQL .= " and cd_bkp = '".$cd_bkp."' ";}
    if($cd_velo == 1){$SQL .= " and vl_velocidade > 0 ";}
    if($cd_velo == 2){$SQL .= " and vl_velocidade = 0 ";}
    if($cd_velo == 3){$SQL .= " and vl_velocidade > '".$limitevel."'";}
    $SQL .= " order by dt_hora asc ";
    $RSS = mysql_query($SQL, $conexao);
    while($RS= mysql_fetch_array($RSS)){
        $x = $x + 1;
        $kx .= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";
        
        if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}
        if($x == 1){$pt = $pt . chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt . chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}
        $adata  = $RS["dt_hora"];
        if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}
        //$aig  = $RS["ig"];
        $apos   = $RS["ds_posicao"];
        $alat   = $RS["vl_latitude"];
        $alng   = $RS["vl_longitude"];
        
        //$pt = $pt . chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";

    }
    $pt = $pt . chr(91)."'FIM: ".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
?>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize()
{
    var myOptions = {
      zoom: 7,
      center: new google.maps.LatLng(-27.2317, -52.0294),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    setMarkers(map, beaches);
    
    //CRIACAO DE LINHAS
  var flightPlanCoordinates = [<?php echo substr($kx,0, (strlen($kx)-1));?>]; //busca valores vindos do while do BD.
  var flightPath = new google.maps.Polyline({
      
    path: flightPlanCoordinates, //recebe variavel com valores do while vindos do BD.
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);  
}

var beaches = [<?php echo substr($pt,0, (strlen($pt)-1));?>];
function setMarkers(map, locations)
{
  var image = new google.maps.MarkerImage('../../imagens/car_mini.png',
      new google.maps.Size(20, 32),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 10));
  var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
    };
    
  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image,
        shape: shape,
        title: beach[0],
        zIndex: beach[3]
    });
  }
}
</script>
</head>
<body onLoad="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

?>

function initialize(){var myOptions ={zoom: 7,center: new google.maps.LatLng(-27.2317,-52.0294),mapTypeId: google.maps.MapTypeId.ROADMAP};var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);setMarkers(map, beaches);//CRIACAO DE LINHASvar flightPlanCoordinates = [];//busca valores vindos do while do BD.var flightPath = new google.maps.Polyline({path: flightPlanCoordinates,//recebe variavel com valores do while vindos do BD.strokeColor: "#FF0000",strokeOpacity: 1.0,strokeWeight: 2});flightPath.setMap(map);}var beaches = [];function setMarkers(map, locations){var image = new google.maps.MarkerImage('../../imagens/car_mini.png',new google.maps.Size(20, 32),new google.maps.Point(0,0),new google.maps.Point(0, 10));var shape ={coord: [1, 1, 1, 20, 18, 20, 18, 1],type: 'poly'};for(var i = 0; i
html{ height: 100%}body{ height: 100%; margin: 0px; padding: 0px}#map_canvas{ height: 100%}= '".DtBrToDtEua($TxDe,4)."' and dt_hora 0 ";}if($cd_velo == 2){$SQL.= " and vl_velocidade = 0 ";}if($cd_velo == 3){$SQL.= " and vl_velocidade > '".$limitevel."'";}$SQL.= " order by dt_hora asc ";$RSS = mysql_query($SQL, $conexao);while($RS= mysql_fetch_array($RSS)){$x = $x + 1;$kx.= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}if($x == 1){$pt = $pt. chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))."- ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt. chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))."- ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}$adata = $RS["dt_hora"];if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}//$aig = $RS["ig"];$apos = $RS["ds_posicao"];$alat = $RS["vl_latitude"];$alng = $RS["vl_longitude"];//$pt = $pt. chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))."- ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
}
$pt = $pt . chr(91)."'FIM: ".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";

?>

function initialize(){var myOptions ={zoom: 7,center: new google.maps.LatLng(-27.2317,-52.0294),mapTypeId: google.maps.MapTypeId.ROADMAP};var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);setMarkers(map, beaches);//CRIACAO DE LINHASvar flightPlanCoordinates = [];//busca valores vindos do while do BD.var flightPath = new google.maps.Polyline({path: flightPlanCoordinates,//recebe variavel com valores do while vindos do BD.strokeColor: "#FF0000",strokeOpacity: 1.0,strokeWeight: 2});flightPath.setMap(map);}var beaches = [];function setMarkers(map, locations){var image = new google.maps.MarkerImage('../../imagens/car_mini.png',new google.maps.Size(20, 32),new google.maps.Point(0,0),new google.maps.Point(0, 10));var shape ={coord: [1, 1, 1, 20, 18, 20, 18, 1],type: 'poly'};for(var i = 0; i
<?php include "../../conexaomaps.php";?>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<?php $kx = "";
    $SQL = "select * from hist_posicao ";
    if($DdViagem != ""){$SQL .= " where cd_viagem = '".$DdViagem."' ";}
    if($cd_veiculo != ""){$SQL .= " where cd_veiculo = '".$cd_veiculo."' and dt_hora >= '".DtBrToDtEua($TxDe,4)."' and dt_hora <= '".DtBrToDtEua($TxAte,4)."' ";}
    if($cd_mct != ""){$SQL .= " and cd_mct = '".$cd_mct."' ";}
    if($cd_bkp != ""){$SQL .= " and cd_bkp = '".$cd_bkp."' ";}
    if($cd_velo == 1){$SQL .= " and vl_velocidade > 0 ";}
    if($cd_velo == 2){$SQL .= " and vl_velocidade = 0 ";}
    if($cd_velo == 3){$SQL .= " and vl_velocidade > '".$limitevel."'";}
    $SQL .= " order by dt_hora asc ";
    $RSS = mysql_query($SQL, $conexao);
    while($RS= mysql_fetch_array($RSS)){
        $x = $x + 1;
        $kx .= "new google.maps.LatLng(".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"])."),";
        
        if($RS["ig"] == "1"){$ig="LIGADA";}else{$ig="DESLIGADA";}
        if($x == 1){$pt = $pt . chr(91)."'INICIO: ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}else{$pt = $pt . chr(91)."' ".date("d/m/Y H:i:s", strtotime($RS["dt_hora"]))." - ".$RS["ds_posicao"]." | Ig: ".$ig."', ".str_replace(",", ".", $RS["vl_latitude"]).", ".str_replace(",", ".", $RS["vl_longitude"]).", ".$x."],";}
        $adata  = $RS["dt_hora"];
        if($RS["ig"] == "1"){$aig="LIGADA";}else{$aig="DESLIGADA";}
        //$aig  = $RS["ig"];
        $apos   = $RS["ds_posicao"];
        $alat   = $RS["vl_latitude"];
        $alng   = $RS["vl_longitude"];
        
        //$pt = $pt . chr(91)."'".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";

    }
    $pt = $pt . chr(91)."'FIM: ".date("d/m/Y H:i:s", strtotime($adata))." - ".$apos." | Ig: ".$aig."', ".str_replace(",", ".", $alat).", ".str_replace(",", ".", $alng).", ".$x."],";
?>
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize()
{
    var myOptions = {
      zoom: 7,
      center: new google.maps.LatLng(-27.2317, -52.0294),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    setMarkers(map, beaches);
    
    //CRIACAO DE LINHAS
  var flightPlanCoordinates = [<?php echo substr($kx,0, (strlen($kx)-1));?>]; //busca valores vindos do while do BD.
  var flightPath = new google.maps.Polyline({
      
    path: flightPlanCoordinates, //recebe variavel com valores do while vindos do BD.
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2
  });

  flightPath.setMap(map);  
}

var beaches = [<?php echo substr($pt,0, (strlen($pt)-1));?>];
function setMarkers(map, locations)
{
  var image = new google.maps.MarkerImage('../../imagens/car_mini.png',
      new google.maps.Size(20, 32),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 10));
  var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
    };
    
  for (var i = 0; i < locations.length; i++) {
    var beach = locations[i];
    var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
    var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image,
        shape: shape,
        title: beach[0],
        zIndex: beach[3]
    });
  }
}
</script>
</head>
<body onLoad="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
adicionou 3955 caracteres ao conteúdo
Fonte Link
Carregando
Fonte Link
Carregando