标签: mapbox

Mapbox.js - 在请求的缩放级别中缺少时,从较低缩放级别回退平铺图像

我从磁盘提供地图png文件,我有缩放级别15的整个城市的瓷砖png.我还有缩放级别16-18的瓷砖,但仅限于某些区域.

我想设置切片图层,这样当用户处于缩放级别18时,地图将显示来自级别15的缩放图块作为后备.

我尝试设置选项maxNativeZoom,但对我不起作用.

这是我的代码:

offlineLayer = L.mapbox.tileLayer(tileJSON, {
    minZoom: 8,
    maxZoom: 18,
    maxNativeZoom: 15
});
map.addLayer(offlineLayer, 'Offline', 1);
Run Code Online (Sandbox Code Playgroud)

我可以使用某些选项,或者我需要以某种方式破解它吗?或者是否有一些示例代码?

leaflet mapbox

5
推荐指数
1
解决办法
948
查看次数

使用mapbox API进行Mapbox路由

我不擅长编码,目前正在使用mapbox API来创建带点的地图.但是在使用"geolocate"的用户位置和我的地图上的点之间的基本路由选项上找不到任何内容.有没有办法在API中执行此操作.我想为用户创建一个选项,以便找到我在地图上以及这些位置之间的位置.你的帮助将是最欣赏的.

问候

mapbox

5
推荐指数
1
解决办法
5772
查看次数


Mapbox for Android:更改标记图标的颜色

我在我的Android应用程序中使用Mapbox,并为我的标记设置了自定义(黑色)图标.如果它是黑色的话,是否可以将标记的图标颜色更改为其他颜色?

如果可以使用默认图标,我也可以使用默认图标.

android mapbox

5
推荐指数
1
解决办法
4374
查看次数

Performant GL Triangles Mapbox GL JS

我正在努力创建一个基于网格的基本但高性能的天气箭头可视化系统.

编辑2:这里的最新版本:使用下面描述的工作流程的系统的(Mapbox Tracker)

使用说明: - 单击风图标(左侧) - 等待三角形占用屏幕 - 平移时间滑块(在底部)

正如您将观察到的那样(特别是在较大的分辨率或快速平移时间滑块时),绘制三角形时会有相当大的性能损失.

我非常感谢任何建议,从哪里开始使用当前API中的某些内容可能有所帮助,或者有关如何使用某种类型的自定义缓冲区进入当前图形管道的任何想法,我只需要旋转,缩放,更改已在屏幕空间中填充的三角形的颜色.

我觉得好像我的具体用例会从这样的事情中受益匪浅,我真的只是不知道如何处理它.

我有一个使用此工作流运行的天真实现:

  • 创建geojson FeatureCollection源
  • 创建填充图层
  • 使用数据驱动属性:填充颜色

数据功能:

  1. 获取地图边界
  2. 项目sw&ne到屏幕点(map.project(LatLng))
  3. 将高度和宽度分成几部分
  4. 环绕宽度和高度部分
  5. 查找数据
  6. 访问数据旋转属性
  7. 根据中心点+大小创建顶点
  8. 旋转顶点
  9. 为顶点创建Point对象
  10. Unproject Point Object和wrap map.unproject(Point).wrap()
  11. 创建要素对象,指定数据驱动的颜色
  12. 将未投影的LatLng指定为多边形几何的坐标
  13. 添加到集合的功能数组
  14. 在图层上调用setData

因此,虽然这有效,但我正在寻求更友好的性能建议.

我在这里想的是我是否可以以某种方式创建一个自定义图层,我只需要绘制屏幕坐标来表示相对于其LatLng点的数据.这样我就可以在屏幕空间中绘制彩色,缩放,旋转的三角形,然后让它们更新到新的相对LatLng位置的相关数据.

例如,在屏幕上更新某种类型的网格而不必:unproject,然后使用map.getSource('arrows')更新要素集合源.setData(d),requestAnimationFrame(function)等.

我在其他项目中的three.js中做过类似的事情,但我宁愿使用更多mapbox本地的东西.这听起来可行吗?如果是这样,我会看到一个不错的性能提升吗?我之前没有处理过原始gl调用,所以如果它需要得到那么低的水平,我可能需要一个或两个正确方向的指针.

编辑:

以前使用gmaps/three.js实现:volvooceanrace (等待左边的按钮从灰色变为黑色)单击顶部按钮,当悬停在上方时显示"wind"标签,在下面滑动红色时间条以更改数据.

添加了当前工作实现Mapbox GL Arrows的屏幕截图

javascript mesh mapbox mapbox-gl mapbox-gl-js

5
推荐指数
1
解决办法
491
查看次数

将方向箭头添加到Mapbox(iOS)上的当前位置

我有一个Mapbox用于显示用户位置地图的应用程序,看起来像这样:

地图框

我想在当前位置标记上添加一个方向箭头,以向您显示行进的方向,如下所示:

带箭头

有人知道如何使用添加该箭头Mapbox iOS SDK吗?

谢谢!

iphone cocoa-touch ios mapbox swift

5
推荐指数
1
解决办法
1761
查看次数

Mapbox gl&directions API调用 - 不显示路由

我有一个带有多个标记的应用程序,用于显示旅行.每个标记都是一个步骤,我想在每个标记之间创建一条路径,跟随标记(下一步).

为此,我现在有这个代码:

$(document).ready(function() {
  var map;
  var directions;

  // token access for MAPBOX GL
  mapboxgl.accessToken = 'pk.eyJ1IjoiYW50b3RvIiwiYSI6ImNpdm15YmNwNTAwMDUyb3FwbzlzeWluZHcifQ.r44fcNU5pnX3-mYYM495Fw';

  // generate map
  var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v10',
    center: [-96, 37.8],
    zoom: 5
  });

  // center map on selected marker
  map.on('click', 'markers', function (e) {
    map.flyTo({center: e.features[0].geometry.coordinates});
  });

  // change mouse action on enter / leave in marker
  map.on('mouseenter', 'markers', function () {
    map.getCanvas().style.cursor = 'pointer';
  });

  map.on('mouseleave', 'markers', function () {
    map.getCanvas().style.cursor = '';
  });

  $.ajax({
    dataType: 'json', …
Run Code Online (Sandbox Code Playgroud)

javascript mapbox mapbox-gl-js

5
推荐指数
1
解决办法
709
查看次数

如何使用Unity创建真实世界地图?

我需要在Unity上工作才能使用游戏Pokemon Go中的地图创建一个Android应用程序.玩家将进行地理定位,并将有一些地理位置挑战成功.除了我是Unity的初学者,我想知道我应该使用哪个资产来构建这个应用程序.

我看了一下Go Map:https://www.assetstore.unity3d.com/en/# !/content/68889,这似乎对我想做的事情非常好(我不介意价格) .

还有WRLD Unity SDK:https://www.assetstore.unity3d.com/en/#!/ content/86284,于7月5日发布.它是免费的,但所有区域都没有实现,就像我住的地方一样.在他们的网站上,他们告知用户它将在一个月内实施.我应该等吗?

我尝试使用mapbox SDK:https://www.mapbox.com/unity-sdk/,但我在他们的文档中找不到我想要的信息,并且他们的网站上没有很多教程(一些它们是不完整的,就像这个对我真有帮助的那个:https://www.mapbox.com/help/unity-mesh-pt-1/).

最后,我有点迷茫,我不知道从哪里开始,如何开始.有人可以给我一些关于使用哪种资产的建议吗?

assets unity-game-engine mapbox

5
推荐指数
1
解决办法
2810
查看次数

按点值绘制的Mapbox热图

有一个热图示例https://www.mapbox.com/mapbox-gl-js/example/heatmap/,显示的是区域上标记/点的数量。但是,有没有一种方法可以通过平均引脚/标记值显示热图?例如,如果我有5个引脚,并且其平均道具价值速度= 3,那么它将显示为绿色簇/热图,并且如果它们是av。prop val是6,那么它将是红色的群集/热图。

我发现“ clusterAggregates”属性可以提供帮助,但是找不到使用它的任何示例。

谢谢

mapbox mapbox-gl mapbox-gl-js

5
推荐指数
1
解决办法
489
查看次数

找不到'double-conversion / double-conversion.h'文件

对于转弯式导航/ gps应用程序,我正在尝试将React Native和MapBox Directions SDK结合在一起。

Now I found a couple of medium post about how to bridge RN to Swift. The last couple of days I've been trying to combine them but in every method I use this 1 error pops up all the time:

'double-conversion/double-conversion.h' file not found
Run Code Online (Sandbox Code Playgroud)

The weird thing is that React-native builds fine without self-written code. After I wrote my own code it just breaks on this error. Has someone of you guys had this before?? …

native mapbox swift react-native

5
推荐指数
1
解决办法
960
查看次数