web-dev-qa-db-ja.com

Googleマップでのリアルタイムトラッキング

Android latとlongをMySQLデータベースにアップロードするアプリを作成しました（2分ごとに更新）。

今、私はGoogleマップのリアルタイムの位置をウェブサイト（php、javascript、html）のGoogleマップに表示する方法がわかりません。つまり、2分ごとにGoogleマップマーカーを動的に更新する方法です。マーカーを表示（更新または非表示）]

マーカーをクリックすると、情報が表示されます[mysqlデータベースから取得します（静的なGoogleマップと同じなので重要ではありません！？]

このように： http://traintimes.org.uk/map/tube/

限られた知識で1回（静的Googleマップ！？）を取得したときの方法を知っています。

私はすでにスタックオーバーフローとグーグルで同じ質問を検索しましたが、申し訳ありませんが、知識が不足しているため、まだそれを行う方法がわかりません。

リアルタイムGoogleマップ

誰も私にいくつかのチュートリアルのウェブサイトや提案を与えることができますか？

最後に、皆さんと私はまだ英語の学習者であることに感謝します。間違った文法については申し訳ありません。

phpjavascripthtmlmysqlgoogle-maps
19
user1452485

地図上のリアルタイムの地理的緯度/経度の追跡

更新が行われると、リアルタイムでマップ（Googleマップなど）の座標エンティティ（緯度/経度の位置）を更新しようとしています。正しい方向で始めるためのブログ投稿は次のとおりです。 http://blog.pubnub.com/streaming-geo-coordinates-from-mongodb-to-your-iphone-app-with-pubnub -using-websocket-sdk / -これは、MongoDBとRubyではなく、PHPとMySQLを使用します。ただし、このケースでは、PHPのリアルタイムマップと、次の詳細を含むHTMLページのMySQL。そしてビデオもあります。 https://vimeo.com/6071686

MySQLを使用してリアルタイムで更新をトリガーする

最初に、いずれかのMySQLトリガーを使用して緯度/経度座標をプッシュします- mysqlが変更されたときにプッシャーを呼び出す -これはMySQLトリガーを使用します

または、代わりにPHPを直接使用して、PHP Push SDKを次のように使用してプッシュ信号を呼び出します。 https：// github.com/pubnub/php#php-Push-api

_$pubnub->publish(array(
    'channel' => 'live_map_coords',
    'message' => array( 12.3482, 8.3344 )
));
_

JavaScriptでプッシュメッセージを受信し、更新を地図に表示する

_<script src=//pubnub.a.ssl.fastly.net/pubnub-3.4.5.min.js></script>
<script>(function(){

    PUBNUB.init({
        subscribe_key : 'demo'
    }).subscribe({
        channel  : 'live_map_coords',
        callback : function(lat_lon) { alert(lat_lon) }
    });

})();</script>
_

上記のコードを含む_map.html_ページを作成したら、マップ上の座標を描画してalert(lat_log)メッセージポップアップを変更できます。以下は、_D3_ JavaScript SVGレンダリングフレームワークを使用した完全に機能するマップ描画例です。 https://github.com/stephenlb/pubnub-mongo-pipe/blob/master/phone/map.html =

注：これは開始点にすぎず、開始する際の参考として、簡単でシンプルになりつつ、方向性に応じて柔軟に対応できるようにします。あなたのアプリを取ります。

リアルタイムジオマップをつなぐ次のステップ

次に、以下を実行してプロセスを完了し、ここにリストされている個別のコンポーネントをすべて結合します。

  1. 目的に合わせて_map.html_ページを変更して、常に見えるドットを表示します。ビデオでは、ドットは一時的に表示され、急速に消える点に注意してください。それらをマップ上に保持したいと思うでしょう。これは基本的に「あなたが望むように見せる」ステップです。
  2. TCPソケットプッシュイベントをPHPまたはMySQLから直接トリガーする方法とタイミングを決定します。をお勧めしますPHPアプローチ。
18
Stephen Blum