Suivi en temps réel Geo Latitude / Longitude sur une carte

Vous cherchez à mettre à jour des entités de coordonnées (position lat / lon) sur une carte (google maps ou autrement) en temps réel lorsque les mises à jour se produisent. Voici un article sur le blog qui peut vous aider à démarrer dans la bonne direction: http://blog.pubnub.com/streaming-geo-coordinates-from-mongodb-to-your-iphone-app-with-pubnub-using-websocket -sdk / – cela utilise MongoDB et Ruby plutôt que PHP et MySQL. Cependant, il sera facile d'installer les choses dans ce cas avec une carte en temps réel en PHP et MySQL sur une page HTML avec les détails suivants. Et il y a aussi une vidéo: https://vimeo.com/60716860

Utilisation de MySQL pour déclencher la mise à jour en temps réel

Tout d'abord, vous voudrez utiliser les déclencheurs MySQL pour pousser les caractères Lat / Long – Invoke pusher lorsque mysql a changé – cela utilise MySQL Triggers

Ou comme alternative, vous voudrez peut-être utiliser PHP directement pour invoquer le signal push à l'aide d'un PHP Push SDK comme suit: https://github.com/pubnub/php#php-push-api

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

Recevoir le message Push dans JavaScript et afficher les mises à jour sur une carte

 <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> 

Une fois que vous avez une page map.html avec le code ci-dessus, vous pouvez modifier la fenêtre contextuelle des messages d' alert(lat_log) coordonnées de dessin sur une carte. Voici un exemple dessiné par la carte à l'aide de D3 JavaScript SVG rendering Framework: https://github.com/stephenlb/pubnub-mongo-pipe/blob/master/phone/map.html

REMARQUE: Ce n'est qu'un point de départ et vous fournit des références pour commencer à le rendre simple et simple, mais flexible en fonction de la direction que vous allez prendre dans votre application.

Les prochaines étapes à parcourir ensemble la carte Geo en temps réel

Ensuite, vous souhaitez effectuer les opérations suivantes pour compléter le processus et associez tous les composants distincts répertoriés ici.

1. Modifiez la page map.html à vos fins pour afficher des points toujours visibles. Notez que dans la vidéo, les points sont des balises temporaires qui s'affichent et disparaissent rapidement. Vous voudrez les faire persister sur la carte. Il s'agit essentiellement de l'étape "Faites en sorte que vous le souhaitiez" .
2. Décidez comment et quand vous voulez déclencher les événements TCP Socket Push de PHP ou MySQL directement. Je recommanderais l'approche PHP .

Vous devriez avoir un regard sur Ajax -Request et GoogleMaps Api V3 .

Peut-être que vous voulez essayer un cadre 🙂 ie jQuery