websockets的JavaScript地图框

相对性新的代码,发现我通过一个问题,从肌肉学习最多,但需要一些指针。

我的项目有两个部分。 深入潜入社区(由团队构build)的响应式地图,以及全屏显示地图的地图,其中标记出现和消失,以便在用户点击每个社区时显示活动。 我有我自己的服务器上的第二个地图。 生产地图将需要传递一个纬度,长度的对象[我已经想出如何收集这些坐标]。

1)我相信我需要一个websocket来连接两者。 任何人都可以传递具体的例子,如何连接传递对象的两个?

2)在服务器上有Lat,Long对象之后,如何将它从我的websocket应用程序传递到我的javascript文件中? 或者我做我的JavaScript文件LISTEN消息的新实例?

谢谢!

Websockets本质上是两个方向一旦激活…这是交通可以发起任何一方…一旦打开一个websocket连接是持久的,所以保持开放,即使不处理stream量

这里是整个nodejs代码来定义一个WebSocket服务器端

var websocker_server = function() { "use strict"; var port = 8888; console.log('listening on localhost:' + port + '\n'); var WebSocketServer = require('ws').Server; var wss = new WebSocketServer({ port: port }); wss.on('connection', function connection(ws) { ws.send('this message was sent from server side to client'); ws.on('message', function incoming(message) { console.log('received: %s', message); }); // --- ws.on("error", function(event) { var error_msg = "ERROR on on on error : " + event; console.error(error_msg); }); // --- ws.on("close", function() { console.log("websocket connection close"); }); }); }(); // websocker_server = function() 

所以现在我用内联JavaScript显示整个html,它定义了一个纯粹的骨头浏览器端WebSocket客户端

 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>bare bones websocket with nodejs serverside</title> <script type="text/javascript"> var websocket_connection = (function() { var web_socket = new WebSocket('ws://127.0.0.1:8888'); web_socket.onopen = function (event) { web_socket.send("Here's some text client has sent to server upon socket open event!"); }; web_socket.onmessage = function (event) { console.log(event.data); } }()); // websocket_connection </script> </head> <body> </body> </html> 

大图是首先启动侦听端口8888的nodejs服务器端…然后从httpd服务器运行html,以便您可以将浏览器指向其代码…浏览器客户端启动曾经打开的WebSocket连接,然后允许消息以任何一个方向发送…我build议你首先使用文本格式的消息,如这里所述,如果需要可能使用JSON格式,如果你的消息开始变得复杂

我发布了所有这些代码和支持说明作为回购HERE