1

こんにちは、5秒ごとにGoogleマーカーの位置を更新する必要があります

ページの読み込み時に Google マーカーを描画するためのこの JavaScript コードがあります。

マーカーの位置を 5 秒ごとに変更できるようにしたい。

これが私のコードです：

function initialize() {
  var myOptions = {
    zoom: 4,
    center: new google.maps.LatLng(-25.363882, 131.044922),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };


  var map = new google.maps.Map(document.getElementById('map_canvas'),
      myOptions);

  var image = new google.maps.MarkerImage("images/truck3.png",
        new google.maps.Size(32.0, 37.0),
        new google.maps.Point(0, 0),
        new google.maps.Point(16.0, 18.0)
    );
  var shadow = new google.maps.MarkerImage("images/shadow-truck3.png",
        new google.maps.Size(51.0, 37.0),
        new google.maps.Point(0, 0),
        new google.maps.Point(16.0, 18.0)
    );

  var marker = new google.maps.Marker({
    position: map.getCenter(),
    map: map,
    icon: image,
    shadow: shadow,
    title: 'Click to zoom'
  });

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

もう1つ、複数のマーカーを表示するときに複数のポイントを配置するにはどうすればよいですか。これはおそらくあなたにとって些細なことだと思いますが、私はこれがまったく初めてです。

編集：

申し訳ありませんが、このグーグルは私を完全に混乱させました。だから私がやりたいことは次です。ページが読み込まれると、最後の位置の配列を取得し、その位置のそれぞれに ID があるため、php 配列は array[Lat][Lng][id] のようになります。その後、それぞれにマーカーを付けたいと思います画面中央に配置します。ユーザーが 1 つのマーカーをクリックすると、自動的にズームされ、毎秒マーカーの位置が中央に配置され始めます。そして、その特定のマーカーの ID が必要です。

これは同様の質問です。必要なものを取得するために、Javaの第一人者がそれらを組み合わせてくれればいいのですが

同様の質問へのリンク

4

3 に答える 3

0

この google.maps.Marker メソッドを使用すると、既存のマーカーの位置を変更できます。

ここにアクセスsetPosition(latlng:LatLng)

マーカーの配列を作成し、それをループして位置を更新します。

于 2012-06-08T13:36:45.050 に答える
0

この JavaScript 関数をコードに追加します。

 $(function () {
        setTimeout(function () { $('#map_canvas').load(initialize); }, 50000);
    })
于 2014-09-11T07:46:25.870 に答える
0

クエリに対して多くのサポートを受けることができますGOOGLE MAPS API V3 ドキュメント

setCenter(latlng)実行時に中心を変更するような 関数setPosition(latlng:LatLng)と、この方法でマーカーの中心を変更する関数があり、マーカーランタイムの位置を変更できます。最後の場所を保存するために、データベースを使用して、要件に応じて更新できます。

于 2012-06-08T14:19:17.030 に答える