使用实时数据在谷歌地图上移动标记

Question

数据库表每20秒更新一次新数据。 我不想用新的lat＆lang在地图上移动标记。 我尝试每30秒运行一次查询，以获取表的最后一条记录并更新标记的位置。 映射加载，显示标记并调用javascript函数。 但是标记不会移动。 请帮忙..

<?php
include "db_connect.php";
$sql="SELECT * FROM temperature_details ORDER BY id DESC LIMIT 1 ";
$result=mysql_query($sql);

$firstrow = mysql_fetch_assoc($result);


function getNewLatLang(){
$sql="SELECT * FROM temperature_details ORDER BY id DESC LIMIT 1 ";
$result=mysql_query($sql);

$latLang = mysql_fetch_assoc($result);

echo $latLang['latitude'].','. $latLang['longitude'];

}
?>
<script src="http://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=geometry"></script>

<div id="map" style="height:500px;width:100%;" ></div>

<script>

function initialize() {

var myLatLng = new google.maps.LatLng( <?php echo $firstrow['latitude'].','. $firstrow['longitude'];?> ),
    myOptions = {
        zoom: 16,
        center: myLatLng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        },
    map = new google.maps.Map( document.getElementById( 'map' ), myOptions   ),
    marker = new google.maps.Marker( {position: myLatLng, map: map} );

marker.setMap( map );
moveMarker( map, marker );

}
function moveMarker( map,marker ) {


setInterval( function(){ 

    marker.setPosition( new google.maps.LatLng( <?php echo getNewLatLang(); ?> ) );

    map.panTo( new google.maps.LatLng( <?php echo getNewLatLang(); ?>));
    console.log("I am working");

}, 30000 );

};

initialize();

</script>      

Answer 1

似乎是一个var范围问题....尝试声明var map和marker

<script>

// Declare the var for global scoping visibilty
var map;
var marker;

function initialize() {

  var myLatLng = new google.maps.LatLng( <?php echo $firstrow['latitude'].','. $firstrow['longitude'];?> ),
      myOptions = {
      zoom: 16,
      center: myLatLng,
      ......

Answer 2

将movemarker（）更改为：

function moveMarker(){
  setInterval( function(){ 
      $.get("point", function(data){
      var latlng= $.parseJSON(data);
      mymarker.setPosition( new google.maps.LatLng( {latlng} ) );
   });
}, 30000 );

而对于“点”页面做：

<?php
     //get last lat and long and send with under code
     echo json_encode($arr);
?>