websockets javascript映射框_Javascript_Node.js_Websocket_Mapbox

websockets javascript映射框

javascript node.js websocket mapbox

websockets javascript映射框,javascript,node.js,websocket,mapbox,Javascript,Node.js,Websocket,Mapbox,相对论是新的代码，我发现我从解决问题中学习最多，但需要一些指导我的项目有两部分。一个深入社区的响应地图（由团队构建）和第二个全屏显示地图的地图，地图上的标记会出现和消失，以显示用户点击每个社区时的活动。我在自己的服务器上有第二个地图。生产地图将需要通过一个Lat，Long对象[我已经知道如何收集这些坐标] 1）我想我需要一个websocket来连接这两者。有没有人能提供一些具体的例子，说明如何将传递对象的两个对象连接起来 2）在服务器上拥有Lat长对象之后，如何将其从websocket应用

相对论是新的代码，我发现我从解决问题中学习最多，但需要一些指导

我的项目有两部分。一个深入社区的响应地图（由团队构建）和第二个全屏显示地图的地图，地图上的标记会出现和消失，以显示用户点击每个社区时的活动。我在自己的服务器上有第二个地图。生产地图将需要通过一个Lat，Long对象[我已经知道如何收集这些坐标]

1）我想我需要一个websocket来连接这两者。有没有人能提供一些具体的例子，说明如何将传递对象的两个对象连接起来

2）在服务器上拥有Lat长对象之后，如何将其从websocket应用程序传递到javascript文件中？还是让javascript文件侦听消息的新实例

谢谢大家!

一旦激活，WebSocket本身就是双向的。。。也就是说，可以从任何一方启动通信 ... 一旦打开websocket连接，它将保持持久性，因此即使不处理流量，也会保持打开状态

下面是定义WebSocket服务器端的整个nodejs代码

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>


带有nodejs服务器端的裸体websocket
var websocket_connection=（函数（）{
var-web_-socket=new-WebSocket（'ws://127.0.0.1:8888'）；
web_socket.onopen=函数（事件）{
web_socket.send（“这里有一些文本客户端在socket打开事件时发送到服务器！”）；
};
web_socket.onmessage=函数（事件）{
console.log（事件数据）；
}
}());   //   websocket_连接

最重要的是首先启动nodejs服务器端，它监听端口8888。。。然后从httpd服务器运行html，这样您就可以将浏览器指向其代码。。。浏览器客户端启动WebSocket连接，该连接一旦打开，就允许消息向任意方向发送。。。我建议您首先使用本文概述的文本格式消息来实现这一点，如果您的消息开始变得复杂，如果需要，可以使用JSON格式

所有人都喜欢简单明了的问题。。。请重新措辞以说明使用AJAX的必要性如何？您的服务器端节点是吗？是-服务器上的节点。我找到了这个。它解释了我可以使用回调函数来接收输入。这是否意味着需要在my main app.js文件中打开websocket，然后我将其分配给一个变量，以传递到我已经创建的函数中？@ScottStensland=谢谢您的建议。以后我会尽量简洁一些。