问题标签 [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 投票
2 回答
225 浏览

c++ - Mapbox-GL 为什么不使用 AGG 进行地图渲染?

  • AGG (Anti-Grain Geometry)是用于 C++ 的高质量渲染引擎。
  • OpenGL ES是一种免版税的跨平台 API,用于嵌入式系统上的全功能 2D 和 3D 图形。

但是 AGG 在地图渲染方面似乎比 OpenGL ES 更有效,就像Mapnik使用 AGG 一样。

Q1: Mapbox-GL为什么不使用 AGG 而使用 OpenGL?

Q2: AGG 和 OpenGL ES 有什么区别?

谢谢!:)

0 投票
2 回答
3040 浏览

mapbox-gl - Mapbox GL JS,添加自定义标记

我正在寻找一种方法,可以让我像Mapbox JS这样为我的地图创建一个简单的自定义标记。

深入浏览了网络,似乎没有明显或直接的方法来实现这一目标。我猜这是一个被错过的功能。

尝试了几次Mapbox Studio,但仍然没有运气,因为很难理解如何上传自定义 SVG 并能够引用它们。

举个例子,我创建了一个自定义地图,Mapbox Studio据我所知,没有可以使用的图标。确实尝试寻找一种称为精灵表的东西,但是由于我从未使用过这种方法,所以我不知道该怎么做。

我想这很重要,不仅对我来说,而且对很多刚开始学习新东西的人来说,就像Mapbox GL JS附上一个很好的指南一样。

所以这是我的一些关于创建一些自定义标记的代码

您可以猜到,我的地图没有显示任何图标。

任何人都可以提出一种良好且易于理解的方法来实现对地图库至关重要的事情吗?

0 投票
2 回答
1159 浏览

mapbox-gl - Mapbox GL 矢量瓦片 + 动态属性

我有一个地图应用程序,它使用 Mapbox.com 提供英国邮政编码边界的矢量图块。边界文件很大,不适合使用 TopoJSON 之类的文件下载。这很好用。

我还使用数据驱动样式来格式化地图的外观。我现在想在共享边界数据之上显示用户特定数据。据我所知,我需要提供从用户数据生成的单个矢量切片,而不是将他们的数据投影到现有的切片获取的矢量数据上。我无法在 Mapbox 中为所有用户创建唯一的矢量切片集。

当只有属性发生变化时,重新获取几何信息似乎浪费了带宽,是否有可能以某种方式将会话特定的一组属性“投影”到获取的数据上?

0 投票
1 回答
746 浏览

mapbox - 如何启用鼠标滚轮滚动以放大地图框?

我在网站上有 mapbox 地图,我可以使用地图的默认按钮进行缩放并在地图中单击,但我需要启用使用鼠标滚轮进行缩放。

任何想法,谢谢。

0 投票
3 回答
2485 浏览

mapbox - Mapbox GL 集群缩放

当用户单击集群时,我试图显示所有标记。

这是我到目前为止所做的:

每次用户单击标记时,这都会增加 2 级缩放。它可以工作,但有时我需要放大更多才能看到标记。

关于如何通过单击放大到实际标记的任何建议?

0 投票
0 回答
605 浏览

javascript - MAPBOX - 无法在同一 Web 应用程序中使用自定义标记和飞至位置功能

我正在尝试使用 MapBox JS 创建具有以下 3 个主要功能的自定义地图:

  1. 自定义标记图像(图标)
  2. 飞到位置(缓慢或一般的一个)
  3. 过滤标记

似乎功能 1 和 2 不属于相同的 JS 文件。就像他们使用不同版本的 JS 文件一样。请参阅下面的链接以获取参考。

有没有人尝试过 Mapbox 并将这两种不同的功能合二为一?

我也使用了 noConflict 但它不起作用!我尝试使用 v0.18.0 版本的 JS 和 CSS 文件创建自定义标记,但在另一个版本 (v2.4.0) 中似乎没有像这样的图标。

以下是两个使用不同版本文件的功能示例。

https://www.mapbox.com/mapbox-gl-js/example/flyto/

https://www.mapbox.com/mapbox.js/example/v1.0.0/custom-marker/

我找到的 JS 和 CSS 版本文件:

这是针对功能 2 和 3

这适用于功能 1 - 自定义标记。

0 投票
0 回答
213 浏览

react-native - Mapbox GL - React Native 安装错误

在安装 Mapbox GL —npm install --save react-native-mapbox-gl时,我得到了这个输出:

我应该改变什么以获得适当的输出?

这是我的内容packages.json

0 投票
1 回答
621 浏览

javascript - mapboxgl:创建地图而不显示它

我正在学习如何使用 mapboxgl,并且正在查看网站上的示例,但找不到有关如何在不显示地图的情况下创建地图的示例。有没有办法做到这一点?显示它的示例是:

但是,我只想先创建地图,但在以后想使用它之前还没有实际显示它。当我在创建 mapboxgl 对象时取出“容器”字段时,api 给了我一个错误,因为它试图在我的 html 页面中查找容器(尽管它不存在,因为我不想显示它):

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/

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

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

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