问题标签 [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.

0 投票
1 回答
930 浏览

css - 为 MapboxGl 标记使用自定义字体和重新着色

是否可以使用 Foundation Icon Fonts 或 Font Awesome 图标作为 MapboxGL 地图上的标记,基本上嵌入 HTML 之类的

进入“标记符号”字段?此外,在这种情况下是否有用于更改标记颜色的“图标颜色”或“标记颜色”字段?这将使自定义标记的颜色变得非常容易。

对于 mapboxgl 自己的标记符号,我找不到自定义颜色的方法,我见过“default_marker”(蓝色)和“secondary_marker”(红色),但我想使用更多颜色来区分某些位置。

0 投票
1 回答
1408 浏览

javascript - MapboxGL Javascript API:显示地图上所有标记的弹出窗口不适用于多个图层

我的地图上有多个图层,每个图层对应于某个符号(一个 Mapbox 图标)并包含带有该符号的所有标记。我希望每个标记都可以通过自己的弹出窗口进行点击。但是,只有最后添加的图层允许用户单击这些标记并查看弹出窗口,而之前的图层被覆盖,因此这些图层中的标记不可单击。

这是 JS Fiddle(大部分代码来自网站上的两个示例,我正在尝试将它们组合在一起)

https://jsfiddle.net/wy5rdwzz/

我需要这行代码能够通过切换列表来过滤标记,并且我需要每个标记都是可点击的。

我将如何使所有标记都可以访问(以便可以单击它们并显示一个弹出窗口),而不仅仅是最后一层中添加的标记?

另外,如果每个标记都有自己的图层,您将如何在相应标记旁边显示每个标记的名称?

0 投票
0 回答
712 浏览

cordova - 离子和 Mapbox API

我正在尝试使用 Ionic 框架来创建 ios 和 android 应用程序。我需要结合使用地图框,但是当我尝试使用它时,地图框的科尔多瓦插件会中断。在构建日志中,它说 at the os 可能不是正确的类型,但它是。我正在 Galaxy S5 和 Ripple 上进行测试。该应用程序能够在涟漪上启动,但不会运行地图,它甚至不会构建在实际的硬件上。有没有人有关于 ionic 的 mapbox 的某种教程或示例代码,这样我就可以排除故障并让地图出现在我的应用程序中。

0 投票
2 回答
404 浏览

mapbox - 当添加未知的矢量切片服务时,我们能否有一个功能可以获取源的元信息以了解图层 ID 和图层类型?

当添加未知的矢量切片服务时,我们能否有一个功能可以获取源的元信息以列出图层的 id 和图层的类型?我认为这些可以帮助我们以正确的方式设置矢量服务的样式,并且可以为不同的图层(点--圆、多边形--填充、线--线)设置默认样式。

0 投票
1 回答
67 浏览

mapbox-gl-js - 我怎样才能像 mapbox 提供的那样获得这些信息?

我从 mapbox 中找到了这个信息。如何从矢量服务源获取几何类型?

截屏

0 投票
1 回答
324 浏览

mapbox-gl-js - 是否从 mapbox-gl.js 中删除了 default_marker

我正在尝试使用default_marker和/或secondary_marker,但似乎它们已从 street-v9(也可能是 v8)中的 sprite.json 中删除。我在 street-v7 中找到了一个工作示例,它们是 sprite.json/sprit.png 的一部分,但现在它们已经消失了。

我怎样才能拿回这些或新的替代品是什么?我已经浏览了新的 sprint.png,但我没有看到任何类似的东西。

0 投票
1 回答
1539 浏览

mapbox-gl - 带有对话框的自定义标记

在此处输入图像描述在此处输入图像描述

如何实现如上所示的对话框。到目前为止,这是我现在能做的

我必须使用工作室才能有这样的效果吗?

0 投票
1 回答
403 浏览

javascript - MapboxGL 根据从文件加载的数据的属性设置可见性

我正在尝试遵循https://www.mapbox.com/mapbox-gl-js/example/filter-markers/上发布的示例,但是在我的情况下,GeoJSON 数据是从外部文件加载的:

如果我按照示例进行操作,我似乎无法访问“标记”变量来迭代并将每个标记添加到图层。

在 Mapbox.js 的原始版本中,我能够启用/禁用单个功能.. 我似乎无法在 mapboxGL 中以同样的方式做到这一点。

在加载数据以将文件中的每个标记添加到图层时,是否有一个事件或某些东西可以用来修改数据?

0 投票
1 回答
9067 浏览

javascript - 如何在单击地图框中的标记时更改标记颜色和图标?

我是 Mapbox 的新手。我在 mapbox studio 中创建了一个自定义样式地图,然后使用 geoJson 添加标记。这是示例代码:

现在我想通过单击任何标记来更改标记颜色以显示选定的标记。提前致谢。

0 投票
2 回答
9936 浏览

javascript - Mapbox GL 绘制线条和贝塞尔曲线

有什么方法可以在 Mapbox GL 中画线?例如,我需要画一些线(直线或曲线)来连接我的标记。使用 Mapbox,我可以使用 Arc.js,但我不知道 Mapbox GL 是否已经存在一些解决方案。

我找到了 mapbox-gl-draw (https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d),但它似乎只是在地图中使用的工具......但我没有看到任何用于使用 javascript 绘制的 API。

我还发现了这个 Tesspathy ( http://gree.github.io/tesspathy/ ),也许一种解决方案可以使用它在地图的上下文中绘制。

你怎么看?最好的方法是什么?谢谢!