草庐IT

RenderSystem_GL

全部标签

javascript - Mapbox gl & directions API 调用 - 不显示路线

我有一个带有多个标记的应用程序,用于显示旅行。每个标记都是一个步骤,我想在每个标记之间创建一条路线,它跟随标记(后续步骤)。为此,现在我有这段代码:$(document).ready(function(){varmap;vardirections;//tokenaccessforMAPBOXGLmapboxgl.accessToken='pk.eyJ1IjoiYW50b3RvIiwiYSI6ImNpdm15YmNwNTAwMDUyb3FwbzlzeWluZHcifQ.r44fcNU5pnX3-mYYM495Fw';//generatemapvarmap=newmapboxgl.Map(

javascript - 如何包含 gl-matrix?

我做了什么:从这里下载主分支:https://github.com/toji/gl-matrix将src文件夹放入我的项目文件夹中。从那里包括gl-matrix-manifest.js。试过这个:varmvMatrix=mat4.create();结果:varmvMatrix=mat4.create();ReferenceError:mat4isnotdefined好吧,我们直接引入mat4。包括。结果:varout=newGLMAT_ARRAY_TYPE(16);ReferenceError:GLMAT_ARRAY_TYPEisnotdefined好吧,也许它需要common.js:

javascript - 删除 Mapbox GL JS 上的所有标签?

我正在使用MapboxDarkv9样式并想删除所有标签。我找到了标签列表here.并尝试使用map.removeLayer函数删除其中的一些,例如:map.removeLayer("place_label");还有:map.removeLayer("place-city-lg-n");map.removeLayer("place-city-lg-s");map.removeLayer("place-city-md-n");map.removeLayer("place-city-md-s");map.removeLayer("place-city-sm");有没有办法从样式中删除标签?

javascript - 我如何 goo.gl 缩短 js 中的 url?

先决条件:在https://code.google.com/apis/console/为自己创建一个用于urlshortener的APIkey有很多文档介绍了通过js将goo.glurl转换为原始URL的各种方法getAPI,例如:here,here和here--至少第一个甚至是有效的。如果我稍微调整一下以使用insertapi将url转换为一个小url,传递{"longUrl":"https://codepen.io/"}相反,它会中断。在http://codepen.io/johan/full/EHbGy#YOUR-API-KEY-HERE试试如果你喜欢,或者在某处运行:varap

javascript - 使用 GL.points 在 WebGL 中绘制单个像素

我正在处理TavaresWebGLtutorial,并陷入泥泞之中。我想使用GL.points绘制单个像素。我的阵列显然有问题。在FF或ChromeCanary中查看:http://codepen.io/anon/pen/EPJVjK/***Createsaprogram,attachesshaders,linkstheprogram.*@param{WebGLShader[]}shaders.Theshaderstoattach.*/varcreateGLProgram=function(gl,shaders){varprogram=gl.createProgram();for(va

javascript - 在 Mapbox GL JS 中显示和隐藏图层的功能

我发现以下代码可以在MapboxGL中显示和隐藏图层:https://www.mapbox.com/mapbox-gl-js/example/toggle-layers/这很有用,但是,我只有一个包含所有必要数据的.geojson层(折线),不需要创建单独的层。我想实现完全相同的功能,能够在map菜单中显示和隐藏一层的功能。共有12种不同的特征类型,包含在名为“类型”的列中。我想打开和关闭类型,就像在示例中一样。有没有一种简单的方法可以在JS中使用set.Filter来做到这一点?https://github.com/mapbox/mapbox-gl-js/blob/e9386d288

javascript - 如何在 mapbox gl 中以编程方式关闭所有弹出窗口?

所以,我知道我们在MapboxGLAPI中有Marker.togglePopup()。但是我们可以通过编程方式关闭所有弹出窗口吗? 最佳答案 这是一个例子:https://jsfiddle.net/kmandov/eozdazdr/单击右上角的按钮打开/关闭弹出窗口。假设您有一个弹出窗口和一个标记:varpopup=newmapboxgl.Popup({offset:[0,-30]}).setText('ConstructionontheWashingtonMonumentbeganin1848.');newmapboxgl.Mar

javascript - 如何为 MapBox GL JS 使用 OpenMapTiles 服务器?

在OpenMapTiles的docs中据说,它可以为MapBoxGLJS提供矢量图block。但是为这两个项目挖掘文档我没有找到一个选项:如何配置自托管的MapBoxGLJS库以使用来self的自托管OpenMapTiles服务器的图block? 最佳答案 我还成功使用了Klokantech的tileserver-gl但是,我真的想要比这更简约的东西。更小更适合我的低智商。碰巧npm中有一个MBTiles模块。这使得设置节点tileserver变得非常容易。我在博客中解释here和here.它们都是同一个博客。这是服务器的js代码(

javascript - WebGL 使用 gl-matrix 库 mat4.translate 未运行

我有这段代码:functionsetupWebGL(){gl.clearColor(0.1,0.5,0.1,1.0);gl.clear(gl.COLOR_BUFFER_BIT);gl.viewport(0,0,400,300);mat4.perspective(45,400/300,0.1,100.0,pMatrix);mat4.identity(mvMatrix);mat4.translate(mvMatrix,[0,0,-2.0]);}除了最后一行,代码中的所有内容都运行mat4.translate(mvMatrix,[0,0,-2.0]);我知道这一点是因为我在每一行之后都放置了

javascript - Mapbox GL js 可用图标

我正在将一个Web应用程序从Mapbox.js重写为MapboxGLjs。使用标准的“mapbox://styles/mapbox/streets-v8”样式,我在哪里可以找到所有工作标记图标的列表?这是我的代码:m.map.addSource("markers",{"type":"geojson","data":{"type":"FeatureCollection","features":{"type":"Feature","geometry":{"type":"Point","coordinates":["-75.532965","35.248018"]},"properties"