问题标签 [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 回答
2223 浏览

leaflet - 找不到我的 Mapbox 样式地图的 Mapbox 矢量平铺 URL

有谁知道如何获取 Mapbox 矢量瓦片地图的 URL(又名“样式”)?我只能得到一个看起来像这样的样式地址:mapbox://styles/myusername/r3411y10ngh4sh3tc3tc,但我使用的插件需要一个 URL 来将 Mapbox 的矢量瓷砖与 Leaflet 集成:https ://github.com/SpatialServer/Leaflet.MapboxVectorTile/blob/master/docs /配置.md

我尝试用 Mapbox 提供的样式地址替换 URL

但我收到一个错误,它无法将样式地址作为 URL 读取。有什么建议么?我应该使用不同的插件吗?


更新

简而言之,Mapbox 样式的 URL 尚不可用。这是我从 Mapbox 收到的回复:

Leaflet 尚不兼容 Mapbox Studio 中制作的样式,因为这些样式需要基于 GL 的渲染器。我们目前正在开发一个新的 API,以允许您将 Studio 风格与 Leaflet 一起使用,我们预计它将在几周内推出。

此时,您可以使用 Mapbox GL JS 加载您的 Mapbox Studio 样式。您仍然可以访问栅格地图 ID(使用 Mapbox 编辑器、Mapbox Studio Classic 制作的地图)以使用 Leaflet 加载 - 这些位于 Studio 仪表板的“经典”选项卡下。

0 投票
1 回答
469 浏览

ios - iOS - MapBox 通过注释传递自定义信息

我正在使用 MapBox,我想通过 AnnotationPoint 传递自定义信息。当点击注释标注时,我需要该信息来显示自定义视图。

唯一可访问的信息是标题和副标题,但该信息显示在标注视图中。必须隐藏此信息。

我怎么能做到这一点?

0 投票
0 回答
1784 浏览

node.js - Rendering Vector Tiles Mapbox GL

I want to use Mapbox GL to render vector tiles that I am generating from PostGIS requests. I have built a tile server using Mapnik, sphericalmecator, and pg plugins for npm. I added the tile endpoint to the stylesheet for Mapbox GL, and have confirmed that the correct tiles are requested, but the tiles are not rendered on the map. I used the same backend for a leaflet plugin and it works correctly, so I'm not sure I have to change the backend. Any advice is appreciated. Code is below.

This is the index.html file that I am loading.

This is the routes that the map is calling.

Please ask any other questions you might have.

0 投票
1 回答
356 浏览

mapbox - 向 mapbox studio 添加自定义点

在 Mapbox studio 经典版中,您只需单击您想要一个新“标记”的位置,它就会创建一个。我想在新的 mapbox studio 中做同样的事情,但该功能似乎不存在。请注意,我没有要上传的数据集,我需要通过 Mapbox Studio 创建数据集。

如果有人对我有任何见解,那就太好了!

0 投票
2 回答
1974 浏览

mapbox - 使用 MapBox GL 的数据驱动地图(带底图和快速的等值线)

tl;dr 版本:我们如何使用 MapBox GL 构建快速的等值线地图?

@RyanBaumann 发布了一个示例:参见https://ryanbaumann.squarespace.com/blog/2016/1/23/mapbox-gl-create-data-driven-styles

但是这个例子显示了直接在 javascript 中加载 GeoJSON 文件。关于如何处理大型 GeoJSON 文件的一个问题。假设您有一个 18M GeoJSON 文件。并且您想查看地图和数据驱动样式并高效地完成这一切。

例如,我加载了一个大的 GeoJSON 文件:

https://cityregister.firebaseapp.com/recentsaleslocal.geojson

在此地图框样式中:

https://api.mapbox.com/styles/v1/fedex1/cijrx09ej007o90lx1g1m5b0j.html?title=true&access_token=pk.eyJ1IjoiZmVkZXgxIiwiYSI6ImNpam5jZXZvczAwZnd0b201ajhybXE0OW8ifQ.IumX7VWjU#71UjEsKTN0406w/71UjEsKTN04b

它会立即加载,并且不会在加载时通​​过网络传输整个 18M。

但是当我使用 Ryan 展示的方法时,似乎我必须在加载时通​​过网络加载整个 18M 文件。这要慢得多,尤其是在慢速网络上。

我想知道有没有办法让数据驱动的样式和来自 mapbox 的底图都在同一张地图上?

这里有一些例子:

https://cityregister.firebaseapp.com/map.html(立即加载,有底图,全部驻留在 mapbox studio 服务器上。没有数据驱动的风格

https://cityregister.firebaseapp.com/testmapboxlayerchoropleth.html(加载速度很慢,有底图,mapbox 上的底图,另一台服务器上的 geojson。使用数据驱动风格 https://cityregister.firebaseapp.com/testmapboxlayerchoropleth.html(立即加载,没有底图,似乎都是 mapbox-gl 生成的,使用数据驱动的风格。

我的问题是如何获得 mapbox 的速度和数据驱动的样式以及带有街道的基本地图等。

谢谢。

上面的地图图片。

快速的纽约地图,但不是数据驱动的

快速的纽约地图,但不是数据驱动的


快速的纽约 choropleth 但没有底图

快速的纽约 choropleth 但没有底图


慢 choropleth 通过网络加载 18M

慢 choropleth 通过网络加载 18M


0 投票
1 回答
1710 浏览

javascript - 在 Mapbox 中搜索国家

我有一个国家列表,我正在尝试将地图居中并调整缩放级别以在地图中显示整个国家。

使用地理编码 API https://api.mapbox.com/geocoding/v5/{dataset}/{query}.json?country={cc}&access_token=<your access token>,我可以获得一些不在国家中心的坐标,但至少我获得了相关坐标,但是,返回的对象不包含有关缩放级别的任何信息。

我错过了什么?我应该使用不同的 API 吗?还是我正在寻找的东西不受支持?

0 投票
1 回答
203 浏览

json - json 风格的数值变量

我被困在我的样式设置中,因为我不知道如何为“icon-rotate”属性放置一个数字变量。

我试过了

但是没有任何效果我总是得到错误

层[10].layout.icon-rotate:预期数字,找到字符串

0 投票
1 回答
140 浏览

ios - 地图框 iOS SDK 中的慢速连接崩溃

我在我的应用程序中使用 Map box iOS SDK 3.0.1 并在慢速网络上遇到问题。它经常崩溃。

libc++abi.dylib:以 std::runtime_error 类型的未捕获异常终止:加载失败 [ https://a.tiles.mapbox.com/v4/mapbox.mapbox-terrain-v2,mapbox.mapbox-streets- v6/0/0/0.vector.pbf?access_token=pk.xxxx]

Xcode 崩溃日志是:

有人遇到过地图框 SDK 的任何此类问题吗?让我知道如何防止错误可以购买?

0 投票
0 回答
2284 浏览

mapbox - Mapbox Geocoder 似乎以纽约市地址的错误位置为中心

我正在使用https://www.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder/

但是当我尝试纽约市地址时,地图中心位置不正确。

当地图重新定位时,我希望该地址成为地图的中心。

但我发现这是不正确的,有时很多

例如,对于“1 Broadway, New York, NY”,我看到(如果没有平移和缩放,甚至无法看到 1 Broadway)

是否有更好的地理编码器示例适用于纽约市地址?

在此处输入图像描述

但正确的地图是这样的:

在此处输入图像描述

它似乎在其他地方工作

Moscone Center SF(正确)

在此处输入图像描述

怀特豪斯(正确)

在此处输入图像描述

0 投票
1 回答
386 浏览

mapbox-gl - Mapbox-GL:缩放范围控制

你用什么代码来控制自定义 mapbox.gl 地图的缩放范围,以便当用户缩小和缩小地图时,无论用户的光标/指针在哪里,它总是分别以相同的经度/纬度开始和结束?
现在我有一个 maxZoom 和 minZoom 集,但是当用户缩小和缩小时,它会落在光标所在的位置,而不是地图的起点,这是我希望它放大回来的地方。