问题标签 [mapbox-gl-js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - MapboxGL 客户端的自托管矢量切片渲染不正确
我正在尝试在 Node.js 中设置一个 Web 服务器，该服务器提供要在使用 MapboxGL JS 的浏览器中显示的矢量图块。矢量切片的数据存储在 PostGIS 数据库中。
我当前的设置似乎朝着正确的方向发展，因为我可以看到矢量图块正在加载并显示在浏览器中。但是渲染的结果不正确（这是我地图的一部分的截图）：
绿色建筑足迹的上半部分在图像的下半部分重复出现。我还注意到放大和缩小时建筑物“改变”的位置，表明瓷砖以某种方式呈现偏移或不正确的范围......导入的数据在 SRID 4326 中。
这是我的代码：
自定义矢量数据源包含在地图中，如下所示：
mapbox - 如何获取 mapboxgl.GeoJSONSource 对象的边界框？
我正在设置这样的 Mapbox GL JS 地图：
然后我将 GeoJSON 数据加载到地图上，如下所示：
此时，我有一张以我在 中指定的位置为中心的地图，new mapboxgl.Map它的缩放级别为 13。因此，只有一部分 GeoJSON 数据在地图上可见。我想重新居中并重新缩放地图，以便整个 GeoJSON 数据可见。
在 Mapbox JS 中，我会通过将 GeoJSON 数据加载到 afeatureLayer然后将地图拟合到其边界来做到这一点：
Mapbox GL JS的fitBounds 文档[[minLng, minLat], [maxLng, maxLat]]表明它需要.
有没有办法确定这个 GeoJSON 层的混合/最大纬度和经度值？
browserify - 如何使用 Browserify 构建 mapbox-gl.js？
如果我 git clone 存储库（来自mapbox-gl.js 存储库），我如何构建自己的独立版本的文件？
我只需要独立的 mapbox-gl.js，就像这个。
一个简单browserify js/mapbox-gl.js -o dist/mapbox-gl.js的行不通。
mapbox-gl-js - mapboxgl api 访问错误：{"message":"Not Found"}
我正在使用 mapbox studio 生成自定义地图并在 js 中访问该样式。但是在调用 api 时我无法访问该样式。它只是返回 {"message":"Not Found"} 我可以通过 mapbox studio 直接访问 api 链接。在样式的 mapbox studio 中，我们有地图样式 id 和 api 链接。所以我可以使用该链接访问它，但是当我实际在我的应用程序中使用它时它不起作用。
这是我遇到错误的代码：
希望能得到一些好的帮助。谢谢阿克谢
javascript - Mapbox 开源并使用密钥？
我浏览过 MapBox 的开源库，主要对使用mapbox-gl-js感兴趣
但是，我无法理解为什么我需要将 mapbox 的密钥与开源库一起使用。它是为使用密钥而设计的，否则我不能？我想在我的公司中使用这个库作为原型，并想确定它的含义是什么。
leaflet - Leaflet 1 beta 2 不适用于 mapbox-gl.js
Leaflet v1.0.0-beta.2 不能与 mapbox-gl.js 一起使用（我已经尝试过 v15 和之前的版本）
或者它是否适用于特定版本的 mapbox-gl.js？
mapbox - 在 mapbox-gl.js 中突出显示折线特征
我正在尝试使用以下代码突出显示鼠标指针下的功能。
我的 geojson 数据和链接示例中使用的 geojson 数据之间的区别在于，示例由多边形组成，而我的 geojson 由多段线组成。我试图相应地修改代码，以便突出显示行，但它不起作用。我的 geojson 可以在这里访问：
http://iskandarblue.github.io/mapbox/data/prototype2.geojson
关于需要改变什么的任何建议？
示例： https ://www.mapbox.com/mapbox-gl-js/example/hover-styles/
javascript - 有没有办法计算从一点到另一点的方位？
这就是我手动操作的方式...
我有这三个坐标：
我有这张地图，它以第一个坐标为中心：
我可以手动设置方位角，以便下一个坐标（不完全正确，但对于这个例子来说足够接近）直接向前：
然后我可以直接飞到第二个坐标：
然后我可以再次手动设置方位，将第三个坐标放在前面：
然后我可以直接飞到第三个坐标：
有没有一种方法可以自动计算每次的方位值，让每个flyTo人都一直往前走？
我发现了这个问题，它涵盖了 Java 中的这个想法。基于那里的代码，我想出了以下代码，它接近但与它有更多的垂直角度，而不是直接对齐下一个点。
javascript - Mapbox GL js 可用图标
我正在将一个 Web 应用程序从 Mapbox.js 重写为 Mapbox GL js。使用标准的“mapbox://styles/mapbox/streets-v8”样式，我在哪里可以找到所有工作标记图标的列表？
这是我的代码：
我读到所有 Maki 图标都应该可用于默认没有图标的样式： https ://github.com/mapbox/mapbox-gl-styles/issues/241 但它们中的大多数都不起作用。尺寸也有问题 - 对于 Maki 来说，它们是 -small、-medium 和 -large，现在我看到 -11 和 -15。
我只需要使用一些基本的标记图标。
javascript - Mapbox-GL setStyle 移除图层
我正在使用 Mapbox-GL 构建地图 Web 应用程序。它有很多很酷的功能。我已经按照Mapbox 网站上的示例设置了切换基本地图（即卫星、地形等）的按钮。
我遇到的问题是，当我更改样式时，它会删除作为图层加载的多边形并重新加载地图。我根据用户查询从 Mongo 数据库中加载多边形作为图层。我希望能够更改基本地图并保留这些图层。
有没有办法在不重新加载地图或至少不删除图层的情况下更改样式？
这是我的切换器代码，与示例相同，但我为自定义样式添加了条件：