1

OK ivはこれにほぼ1週間苦労しており、何を試してもうまくいかないようです。

タイマー (setInterval) を実行して mysql テーブルから値を取得することに成功しました。このファイルは apijson.php を呼び出し、それらを文字列とその罰金に返します。(出力 div に移動)

取得したばかりの座標にマーカーを移動してパンするために、それをGoogleマップAPIに統合する際に問題が発生しています。

私が達成しようとしていることに意味があることを願っています。

<html>
  <head>
  <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script language="javascript" type="text/javascript" src="jquery.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>
function initialize() {
  var myLatlng = new google.maps.LatLng(55.953429,-3.188095);
  var mapOptions = {
    zoom: 11,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Marker'
  });

  moveBus( map, marker );
}

function moveBus( map, marker ) {

    marker.setPosition( new google.maps.LatLng( 0, 0 ) );
    map.panTo( new google.maps.LatLng( 0, 0 ) );

};

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
  <div id="map-canvas"></div>
  <div id="output"></div>

  <script id="source" language="javascript" type="text/javascript">
  setInterval(function() 
  {

    $.ajax({                                      
      url: 'apijson.php',                  //the script to call to get data          
      data: "Driver=<?php echo $_GET['Driver']; ?>",                        //you can insert url argumnets here to pass to api.php for example "id=5&parent=6"
      dataType: 'json',                //data format      
      success: function(data)          //on recieve of reply
      {
        var xx = data[7];              //latitude
        var xy = data[8];           //longtude
        var drv = data[2];           //driver
        var clsn = data[1];           //id
        marker.setPosition( new google.maps.LatLng( data[7], data[8] ) );
    map.panTo( new google.maps.LatLng( data[7], data[8] ) );

        $('#output').html("<b>Lat : </b>"+xx+"<b> Long : </b>"+xy+"<b> Driver : </b>"+drv+" ("+clsn+")");     //Set output element html

      } 
    }, 5000);

  }); 


  </script>

  </body>
</html>
4

1 に答える 1

0

ローカル変数を設定します。つまり、ajaxイベント内でアクセスしようとするmarker関数内に設定します。たとえば、それがグローバルで、イベント内からを使用してアクセスすると、目的の結果に近づくはずです。initializesuccesswindow.myTestMarker = /* .... */;window.myTestMarkersuccess

于 2013-05-28T02:06:32.107 に答える