Tag: mapbox

websockets的JavaScript地图框: 相对性新的代码，发现我通过一个问题，从肌肉学习最多，但需要一些指针。我的项目有两个部分。深入潜入社区（由团队构build）的响应式地图，以及全屏显示地图的地图，其中标记出现和消失，以便在用户点击每个社区时显示活动。我有我自己的服务器上的第二个地图。生产地图将需要传递一个纬度，长度的对象[我已经想出如何收集这些坐标]。 1）我相信我需要一个websocket来连接两者。任何人都可以传递具体的例子，如何连接传递对象的两个？ 2）在服务器上有Lat，Long对象之后，如何将它从我的websocket应用程序传递到我的javascript文件中？或者我做我的JavaScript文件LISTEN消息的新实例？谢谢！

宣传单 – 如何自动删除以前的标记: 下面的javascript代码将启用在地图上的地图上创build标记点击本地和全球实时与node.js / socket.io。这工作正常，但每个添加标记是可见的。像这个例子： http : //jsfiddle.net/brettdewoody/LK35U/ 现在，当第二个标记被添加到地图中时，我需要自动删除上一个标记（第一个标记），然后添加第三个标记 – >删除第二个标记，等等。任何人都可以帮我理解如何做到这一点？也许跟组织者？它是如何工作的？ // generate unique user id var userId = Math.random().toString(16).substring(2,15); var socket = io.connect('http://localhost:4000'); var doc = $(document); // custom marker's icon styles var tinyIcon = L.Icon.extend({ options: { iconSize: [25, 39], iconAnchor: [12, 36], shadowSize: [41, 41], shadowAnchor: [12, 38], popupAnchor: […]

Turf.js合并在GeoJSON中查找要素: 我正在用Node.js构build一个地图应用程序。我们有大约40,000个多边形显示在地图上，所以我试图通过在可能的情况下合并来提高性能。 Turf.js有一个合并function，看起来像票。尽pipe如此，我还是无法完成这项工作。这里是我试图在我的控制器中使用草皮的代码。 var mongoose = require('mongoose'); var bodyParser = require('body-parser'); var turf = require('turf'); var fs = require('fs'); exports.show = function(req, res) { res.render('map', { title: 'Map' }); }; exports.postSearch = function(req, res) { // Bunch of query stuff goes into array below, (omitted for post) mongoose.model('Claim').find({ $and:array }, function(err, polygons){ // […]

mapbox gl js – 未捕获TypeError：无法读取null的属性'classList': 我正在用MapBox GL JS创build一个地图。我在我的index.html页面创build了一个地图，工作正常，但现在我试图在另一个页面上创build另一个地图，当引用地图应该去的div时，我得到一个错误： Uncaught TypeError：无法读取null的属性'classList'。我不知道为什么会发生这种情况，因为我在我的html中创build了元素，而且我的javascript与在index.html页面（但在不同div上）成功创build第一个映射的javascript完全相同。我在Node.js中做这件事，并与webpack绑定到一个main.min.js文件，我在index.html和第二个html页面上引用。 "use strict" //here is the MapBox GL JS code at the point the error references in the console //_setupContainer: function() { // var container = this._container; // container.classList.add('mapboxgl-map'); // here is my mapbox new map creation const ACCESSTOKEN = < my access token >; mapboxgl.accessToken = ACCESSTOKEN; […]

寻找nodejs webserver的瓶颈: 我正在使用tileserver-gl-light服务vector图块。目前我正在加载testing服务器，在特定的值下，请求延迟会大幅增加。但是，我用作服务器的虚拟机的CPU性能保持在20％以下。这是否意味着我可以通过为tileserver-gl-light过程分配更多内存来减less延迟，或者是否与它无关？