问题标签 [mapbox-gl]

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.

0 投票
1 回答
980 浏览

mapbox-gl - Mapbox GL Geolocate,没有显示我在哪里的指示器

最近一直在浏览网页,我想知道如果我正在使用,是否可以将我的位置视为一个点指示符Mapbox GL

我正在使用Mapbox GL名为的最新功能Geolocate

我正在创建这样的控件

这会添加一个我可以按下的箭头指示器,它会跳转到我的位置。但我看不到一个点或一个圆圈来指示我当前的位置。

据我了解,这是一项新功能,Mapbox GL并没有太多支持。但我想知道是否有人遇到过这种情况。

0 投票
1 回答
1357 浏览

geojson - mapbox gl geojson 风格

我尝试在 Mapbox GL 中重现下面的捕获。添加颜色是为了便于阅读,但能够自定义颜色并不是强制性的。关键方面是不同的线宽。

MWE地图框js

我在这里那里读过 Mapbox GL 中的样式。添加尽可能多的具有不同权重的样式层不是一种选择。我用两千根线串试了一下,性能不可接受。

我已经在那里抓取了几个关于 mapbox GL 中数据驱动样式的 github 问题,但我无法弄清楚我需要的是否在路线图上。

在我用来生成上图的 GEOJSON 的 MWE 下面。

0 投票
0 回答
865 浏览

postgis - mapbox-gl.js 与 PGRESTAPI 矢量瓦片(pbf)

我有来自 PGRESTAPI 的自己的矢量瓷砖,网址如下“ http://192.168.1.4:3001/services/postgis/cleantech2/geom/vector-tiles/{z}/{x}/{y}.pbf

我尝试使用 mapbox-gl.js 渲染地图,但没有显示。

我做错了吗?谢谢

编辑1:

调试 mapbox-gl-js 代码后,现在可以看到几个圆圈。我修改了样式,来自pbf的源层名称必须是正确的。

但没有显示所有的点,似乎被过滤了?

稀疏的圆圈

编辑2:将最大缩放更改为22,显示所有数据。让我们喝!

0 投票
1 回答
460 浏览

android - Mapbox 源代码构建不运行或调试

我已经工作了很长时间......我可以尝试使用 Mapbox 在 Android 上构建最基本的项目,但到目前为止还没有运气。

我如何构建它有两个限制。

1) 从源代码构建

2) 应用程序必须可调试为 C++/C 源代码

我使用了以下说明:

https://github.com/mapbox/mapbox-gl-native/blob/master/INSTALL.md和其他从这里链接的网页。

这些页面不解释如何创建测试应用程序,它们只告诉您如何构建库。我已经遵循了这些并建立了图书馆。我使用以下方法创建了一个应用程序:

https://www.mapbox.com/help/first-steps-android-sdk/

但是当我在 C++ 库函数中运行它时它会崩溃。

相信 Mapbox 的开发人员一定是这样做的似乎是合理的,但我不知道怎么做。我什至无法使用 Mapbox 库源构建一个工作示例,更不用说调试它了。

我发现以下文档声称有助于调试 C/C++ Android 应用程序,但要么不清楚,要么没有足够的信息来完成使用此方法调试源库。

http://tools.android.com/tech-docs/new-build-system/gradle-experimental

执行此操作的示例项目将非常有帮助。即使是在没有调试的情况下从源代码构建一个工作(不会崩溃)的简单示例也会使我朝着正确的方向前进。我仍然需要调试它,但至少我会知道如何从源代码构建一个工作示例。

我已向 Mapbox 寻求帮助。他们通常会问我一些问题,比如“你需要真正构建源代码吗?” 在我回答了他们的一些问题后,他们说他们会回复我。在几周没有回音后,我问他们是否对我的问题有答案,他们对对话没有记忆,然后循环重新开始。尽管在回答我的问题时,他们似乎太忙了。

对于这个简单但难以捉摸的任务的任何帮助将不胜感激。

谢谢你。

米奇

更新:

我现在可以构建项目,但仍然无法运行或调试它。我发现一个看起来可能有帮助的页面:

https://github.com/mapbox/mapbox-gl-native/blob/master/platform/android/DISTRIBUTE.md

这些说明不起作用并报告未找到 jni.h 文件。我试图通过

但是,这会产生类似的错误:

../../include/mbgl/gl/gl.hpp:30:14:致命错误:找不到“GLES2/gl2.h”文件

我应该从 Android Studio 内部构建以进行调试还是使用命令行?

更新:

也通过调用得到错误:

BUILDTYPE=调试 android-lib-x86-64

但不要得到它:

BUILDTYPE=调试 android-lib-x86

此外,当我在 Android Studio 下运行时,以下行崩溃:

里面:

这是否意味着 Mapbox 的说明缺少将库放入 apk 的步骤?

0 投票
2 回答
1907 浏览

mapbox - 在 MapBox GL API 中使用 ArcGIS 地图服务?

有人可以提供代码示例以将 ArcGIS Map Service 使用到 MapBox GL API 中吗?谢谢!

0 投票
1 回答
475 浏览

javascript - 根据点数更改集群半径

我正在使用此示例对 mapbox 点进行聚类:https ://www.mapbox.com/mapbox-gl-js/example/cluster/

我希望我可以使用 {point_count} 作为 circle-radius 属性,但我不确定如何正确使用它。这样的事情可能吗?我可以在某处访问的某个对象中是否有变量?

0 投票
1 回答
852 浏览

android - Mapbox setCameraPosition 未正确居中视图

我正在创建一个 Mapbox MapView 并根据几个点的列表计算一个 LatLngBounds。当我设置相机位置时,这些点都包含在视图中,但在右侧,而不是居中,并且缩放级别不是最佳的。在onMapReady()来自我的回调中,mapView.getMapAsync()我收集了一个点列表,LatLngBounds.Builder然后执行:

然而,结果是这样的,而我希望这些点在视图中居中,并且缩放级别是可能的最大值,所有点都显示加上填充。

在此处输入图像描述

三个标记显示在正确位置的位置。我已经在调试器中验证了该CameraUpdate值准确地代表了三个点的边界框。这是 Mapbox 的错误,还是我做错了什么?

0 投票
2 回答
2224 浏览

google-chrome - 如何让 mapbox-gl-js webgl/opengl 在 ubuntu chrome 上工作?

我们在这里尝试 mapbox-gl 页面:https ://www.mapbox.com/blog/data-driven-styling/

我们看在此处输入图像描述

这是 Chrome 版本:

这是 linux ubuntu 版本:

这是一个web-gl问题吗?我们的代码问题?mapbox-gl-js 库问题?

它适用于 Firefox :)

0 投票
1 回答
5256 浏览

opengl-es - Mapbox Web GL JS - 带有矢量平铺源的 querySourceFeatures() 函数

我在 Mapbox 上有一个矢量瓦片集,它是通过上传包含代表澳大利亚维多利亚州特定郊区的多边形的 geojson 文件创建的。我的矢量瓦片集具有三个属性 - 郊区、州、邮政编码 - 对应于 geojson 中的特征属性。

我还可以通过 Mapbox web gl js 库成功查询这些属性以获取准确的地图。例如,当我单击突出显示的多边形时,我有一个显示弹出窗口的地图,并且弹出窗口正确显示了该郊区的属性(郊区、州、邮政编码)。

现在我想在我的网页中访问这些属性 - 对于我的图块集中的每个功能。我基本上想将这些属性作为列表转储到地图外的 div 中;只是列出每个郊区及其属性。为此,我尝试使用 MapBox Web GL JS 库的 querySourceFeatures 函数。我有点挣扎。

这是我的代码。我的地图按预期显示。但是在 JS 控制台中,我只是得到一个空数组。

这是我的代码

doco 有点轻,所以我不知道我是否正确使用了 querySourceFeatures 函数。我是一个完全的 JS 菜鸟,如果它完全简单的话,我很抱歉。

在我的 Firefox 控制台中,我只得到一个长度为零的数组。不知道从这里去哪里。

我正在使用 mapbox web gl js 库的 v0.18.0。

0 投票
3 回答
4410 浏览

mapbox - Mapbox gl 方向 API

所以我正在编写一个应用程序,它允许管理员用户创建一个围绕具有不同停靠点的特定位置的旅程。

为了显示地图、添加标记、flyTo 位置等,我正在使用Mapbox GL.

我正在使用API 的cURL实现Mapbox来获取行车路线,然后在地图上画一条线

因此,作为一个cURL呼叫的例子,我收到了一个代表我的方向的坐标列表。

当我尝试在地图上连接这些点时,问题就来了。

作为一个HTML例子JS

您可以看到一组坐标,它们将被连接以绘制一条线。我想知道是否有办法连接这些点,以便线路仅沿着道路行驶(用于驾驶)?

为了更好地解释它,这是输出的近距离缩放 mapbox gl 用一条线连接一组点

我知道这是对我的问题的非常笼统的解释,但我希望它是可以理解的。

我一直在尝试做一些魔术,Mapbox Gl Directions API但没有运气,因为我必须添加一个contoller我不想添加的东西。我只需要画一条路线,不允许公共用户修改它。

有什么建议吗?