php - 谷歌地图实时跟踪

Question

我已经编写了一个 android 应用程序来将纬度和经度上传到 MySQL 数据库(每 2 分钟更新一次)。

现在，我不知道如何在网站的谷歌地图上显示实时位置(php、javascript、html)这意味着如何每 2 分钟动态更新一次 Google map 标记 [从 MySQL 数据库获取最后两分钟的记录并显示标记(更新或消失)]

在我点击标记后，它应该显示信息[从 mysql 数据库获取(不重要，因为它与静态 Google map 相同!？]

就像这样:http://traintimes.org.uk/map/tube/

当我只用我有限的知识得到 1 次(静态谷歌地图!？)时，我就知道该怎么做。

我已经在 stack overflow 和 google 中搜索过同样的问题但很抱歉，由于我缺乏知识，我仍然不知道该怎么做。

Real time Google Map

谁能给我一些教程网站或建议？

最后谢谢大家和我还是一个英语学习者，对于任何语法错误，我深表歉意。

Answer 1

实时跟踪 map 上的地理纬度/经度

您希望在更新发生时实时更新 map (谷歌地图或其他 map )上的坐标实体(纬度/经度位置)。这是一篇博客文章，可能会让您朝着正确的方向开始:http://blog.pubnub.com/streaming-geo-coordinates-from-mongodb-to-your-iphone-app-with-pubnub-using-websocket-sdk/ - 这使用 MongoDB 和 Ruby 而不是 PHP 和 MySQL。然而，在这种情况下，使用具有以下详细信息的 HTML 页面上的 PHP 和 MySQL 实时 map 可以很容易地进行设置。还有一个视频:https://vimeo.com/60716860

使用MySQL实时触发更新

首先，您需要使用任一 MySQL 触发器来推送纬度/经度坐标 - Invoke pusher when mysql has changed - 这使用了 MySQL 触发器

或者作为替代方案，您可能希望直接使用 PHP 来调用使用 PHP 推送 SDK 的推送信号，如下所示:https://github.com/pubnub/php#php-push-api

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

在 JavaScript 中接收推送消息并在 map 上显示更新

<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) 消息弹出窗口，在 map 上绘制坐标。这是使用 D3 JavaScript SVG 渲染框架绘制的完整 map 示例:https://github.com/stephenlb/pubnub-mongo-pipe/blob/master/phone/map.html

NOTE: This is only a starting point and provides you with references on getting started to make it easy and simple, yet flexible based on the direction you will be taking your app.

拼凑实时地理 map 的后续步骤

接下来您需要执行以下操作以完成该过程并将此处列出的所有独立组件连接在一起。

1. 根据您的目的修改 map.html 页面以显示始终可见的点。请注意，在视频中，点是临时信标，会快速显示和消失。你会想让它们在 map 上持久存在。这基本上是“让它看起来像你想要的样子”这一步。
2. 决定您希望如何以及何时直接从 PHP 或 MySQL 触发 TCP 套接字推送事件。 我推荐 PHP 方法。