mapbox-gl相关内容

设置MapBox组件的样式格式

我目前使用Reaction作为前端,使用ReactMapGL作为我的地图组件,并且我正在尝试设置样式,以便我的所有大陆都有不同的颜色。我尝试了所有提供的不同模板的样式,但我只能在http://studio.mapbox.com中更改水和陆地的颜色。是否可以进行此更改? 推荐答案 您必须在地图上叠加一个大陆图层,然后根据您自己的颜色/大陆映射逻辑对其进行有条件的样式设置。 您可以通 ..
发布时间:2022-03-17 20:09:54 其他开发

Mapbox fitbones()-无效的LngLat对象:(NaN,NaN)

在过去的几个小时里,我一直在用头撞桌子。 我正在尝试让MapBox在加载时放大到所有标记的边界区域。 但是,这是我为下面的代码收到的错误。 此错误发生在下面的控制台日志图像之后,因此最新的LNG坐标肯定在那里。 未捕获错误:无效的LngLat对象:(NaN,NaN) const onLoad = () => { let points = []; ..
发布时间:2022-03-17 19:39:56 其他开发

添加Maki图标而不是MapBox地理编码器标记

只是一个简短的问题,如果有人曾经用Maki图标替换过MapBox的默认标记。我只看到过将Maki图标用于点切片集/图层的示例,但我想将其用于非切片集要素,特别是替换地理编码后在刚刚进行地理编码的地址位置添加的标记。 或者,尝试查找与下面的Google地图符号相似的符号。欢迎提出任何建议。 var pinImage = { path: google.maps.S ..
发布时间:2022-03-17 19:35:27 其他开发

以编程方式更新切片集

似乎缺少MapBox数据管理工作流documentation(或我不了解它)。 我当前有一个自定义style,其中添加了一些自定义tilesets。当我的tileset的数据需要更新时,有没有一种优雅的方式可以通过API更新现有的数据,并保留特定style的任何样式? 我对该工作流程的最佳猜测是: 请求Mapbox S3凭据 将数据上传到新tileset 检索新的tilesetI ..
发布时间:2022-03-17 18:57:59 其他开发

如何在Mapbox GL中修复画布大小?

我正在使用Mapbox GL来显示地图并从其中心裁剪固定大小的图像.它对于我设计的特定分辨率(1920x1080)效果很好,但是当我开始使页面响应时,地图样式 width 和 height 发生变化时,画布大小也开始改变! 因此,当我裁剪图像时,尺寸应始终不同,因为900px画布上的300px与2000px画布上的300px不是相同的地图区域.如果我在Chrome中将设备类型从台式机更改为移 ..
发布时间:2021-05-31 20:00:32 其他开发

Mapbox决定重叠顺序

我在地图上有一些以图标显示的功能.我想确定哪些图标应该隐藏,当它们在数字字段上发生碰撞时应该显示哪些图标,我的地图上的每个要素都具有该图标(参见图片).我找到了一个名为"symbol-sort-key"的mapbox属性,但我不知道这是否正确.symbol-sort-key需要一个数字,但是我不知道这个数字应该指的是什么.任何想法如何解决这个问题? ..
发布时间:2021-05-31 19:58:39 其他开发

移至目标位置之前在同一位置绘制地图渲染mapbox react hooks

我的地图在移至用户选择的目的地之前会在相同位置加载.我尝试了所有方法,发现onChange出了点问题,但我找不到答案. 我想要实现的是通过按钮触发输入,在mapbox api中搜索位置并返回坐标,并将位置移至target.value 导出默认函数Map(){const mapContainer = useRef(null);const [lng,setLng] = useState(1.4 ..
发布时间:2021-05-31 19:58:24 前端开发

使用严重的纬度/经度数组对图标进行动画处理-Mapbox js

我正在修改风箱脚本,以了解如何按照纬度/经度数组移动图标,但它总是说诸如此类的错误,但我是以数组的形式提供的 有人可以帮助我了解我做错了什么吗?我很尊敬这个例子 https://www.mapbox.com/mapbox-gl-js/example/animate-marker/ 错误:lng_lat.js:121未捕获的错误:必须将`LngLatLike`参数指定为LngLat实例,对象 ..
发布时间:2021-05-31 19:58:18 前端开发

多个标记-相同的坐标

尝试在完全相同的坐标上显示2个不同的标记时遇到麻烦. 情况是:我们正在显示商店,其中一些位于同一建筑物(即购物中心),因此它们是不同的商店,但具有相同的ubiubi/坐标. 我们的json源内容如下: {“特性" : {"id":"1",“名称":“商店1"},“几何学" : {“坐标":[-70.66667,-33.45],"type":"Point"}},{“特性" : {"i ..
发布时间:2021-05-31 19:58:01 其他开发

为什么mapboxgl api返回304状态代码?

我在IOS应用程序中获取针对地图框api请求的http代码304状态代码.但是它可以在Chrome,Safari,Firefox等浏览器中使用200条代码.也可以在Android中使用. https://api.mapbox.com/styles/v1/mapbox/streets-v9?access_token=“我的令牌" 解决方案 304状态代码保持“未修改"状态,表示设备(例如浏 ..

Mapbox GL图层出现问题

因此,我正在尝试从Mapbox GL中已加载的样式表中获取样式层,但它会不断返回未定义的元素.我无能为力. 我正在尝试将底层水层存储在layers变量中,以便更改其属性.例如,它的可见性. 代码如下: var layers=map.getLayer('water'); changeinnerHTML(featuresWindow, JSON.stringify(layers, n ..
发布时间:2020-05-05 14:58:03 前端开发

Mapbox GL-我的基本默认标记不会显示在地图上

最近,我开始摆弄MapBox,现在,我正在尝试将标记添加到地图.并不像看起来那么容易.我正在尝试添加基本的默认标记,并直接从"Mapbox GL"参考指南.不过,它不会显示. 这是我使用的代码,这简直无法实现... var marker = new mapboxgl.Marker().setLngLat([45.702117, 42.395926]).addTo(map); 有人知 ..
发布时间:2020-05-05 14:57:48 前端开发

Mapbox GL Popup .setDOMContent示例

我正在尝试创建一个自定义按钮,使其出现在弹出窗口中,该弹出窗口会生成动态链接(URL).由于时间原因,我似乎无法通过.setHTML执行此操作,无法在运行时将按钮绑定到函数.所以我想我会尝试新的.setDOMContent 关于此功能的工作原理,在线信息为零.我想知道是否有人有一个示例,其中将一个按钮添加到弹出窗口中,该按钮可以运行函数并发送数据. 这是我进行设置的非常糟糕的尝试. 此 ..
发布时间:2020-05-05 14:57:43 其他开发

Mapbox GL 3D单一建筑物突出显示选择

当悬停在单个3D建筑物上时,如何突出显示它? OSM建筑物突出显示功能.看来Mapbox Streets V7建筑图层的要素属性太少了,它仅包含: 挤出 高度 min_height 类型 地下 没有独特的属性可以区分建筑物.有没有办法包含建筑物的地址或一些唯一的ID? 解决方案 我认为Mapbox Streets v7磁贴集中不存在唯一的每建筑物id.您可能需要构建自己的til ..
发布时间:2020-05-05 14:57:33 其他开发