mapbox-gl-js相关内容

如何在React Native中使用MapLibre GL Js

我正在寻找一种在我的Reaction本机应用程序中使用OpenStreetMap数据的方法。 在我上次的研究中,我发现了MapLibre,这是一个基于MapBox GL旧版本的免费选项。 我面临的问题是,除了@react-native-mapbox-gl/maps,我找不到任何插件在Reaction Native中使用它。因此,在他们的文档中说:我们现在也支持MapBox SDK的MapLibre ..

设置MapBox组件的样式格式

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

找不到com.mapbox.mapboxsdk:mapbox-android-accounts:0.7.0.浅谈MapBox的全新安装

我设置了一个全新的本机反应项目,并使用yarn add @react-native-mapbox-gl/maps添加了MapBox。 此 请注意,如果您使用的是默认的Mapbox Android SDK(与该库一起打包) 并使用较新的Android操作系统版本(API 30+), 您将遇到致命异常:java.lang.SecurityException:getDataNetworkTy ..
发布时间:2022-03-17 19:58:30 移动开发

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 GL JS为地理编码器补充本地数据

我正在运行几个设施的位置地图以及它们的名称和坐标数据。我希望地理编码器能够搜索设施的名称。 Mapbox有一个很好的示例,但他们的示例显示了将数据集加载到实际代码中的用例。我的数据集要大得多,并且当前位于项目文件夹中的.Geojson文件中。 如何将此代码转换为适用于我的示例? 我尝试使用 将数据集回调到地理编码器代码中 var myData =getSource('BR ..
发布时间:2022-03-17 19:25:19 前端开发

以编程方式更新切片集

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

在MapBox中获取两个点之间的方向吗?

我最近在REACT本机上使用MapBox gl,而不是使用Google地图, 我正在尝试添加一个要素,该要素在地图上显示从A点到B点的方向。 或在我的Reaction本机应用程序中使用Mapbox directions API 以下是我尝试的代码,但在挂载屏幕后,应用程序成功崩溃:d import MapboxGL from '@react-native-mapbox-gl/ma ..

MapBox GL JS在图层中的特定要素上设置绘制属性

我使用Mapbox Studio作为映射和样式设置的基础,然后使用HTML提供其他地图功能。 其中一项功能是在悬停或鼠标输入时更改图标不透明度。我已经检查了其他示例,当您直接在HTML中创建特性时,所有其他示例都会引用特性。我设法改变了不透明度,但仅限于整个图层。 我能否以某种方式使用e.Feature[0]命令行将更改仅应用于一个要素,而不是应用于整个图层? 我使用此代码更改了 ..
发布时间:2022-03-17 18:23:59 其他开发

如何使用 ngx-leaflet(Angular 方式)创建矢量图块地图?

有什么好的推荐的 Angular 6+ 支持库,可用于完成以下任务? 我使用 ngx-leaflet 作为地图.我希望使用矢量而不是栅格来创建地图.我知道 Leaflet 默认不支持矢量图,但是,您可以通过mapbox-gl-leaflet 插件. 谁能推荐我一种方法或适当的库来使用 Angular 6+ 完成这项任务? 解决方案 你可以使用 Leaflet.VectorGri ..
发布时间:2022-01-12 18:46:44 其他开发

Three.js 中的 Raycast 只有一个投影矩阵

我正在 Mapbox GL JS 页面中使用 Three.js 渲染一些自定义图层,遵循 这个例子.我想添加光线投射来确定用户点击了哪个对象. 问题是我只从 Mapbox 获得了一个投影矩阵,我用它来渲染场​​景: class CustomLayer {类型 = '自定义';渲染模式 = '3d';onAdd(地图,gl){this.map = 地图;this.camera = new T ..
发布时间:2021-12-31 18:33:08 其他开发

如何在 Vuex 中为 mapbox 地图设置集中状态?

我刚开始在 vue 中使用 vuex.我确实(大致)了解文档.我有一个特定的问题,我不确定是否应该使用 vuex,如果是,该怎么做. 我有一个应用程序,其中 mapbox 地图在各种布局和组件等中无处不在.因为我将制作几个 vue 单文件组件,但正在使用 mapbox 地图的一个相同实例,我认为这是有意义的在 vuex 商店中启动和管理 mapbox 地图.所以例如当我更改地图布局或其他内容 ..
发布时间:2021-12-26 16:52:15 前端开发

mapbox-gl 中两点位置之间的方向 - React Native?

我有两点是从数据库中得到的,我想从起点到终点渲染一条线 我得到的是两点的直线,不考虑地图上的路线和方向 那么我该如何处理以查看地图上的路线和方向? 这是我得到的 这就是我所期待的 这是我的代码 从'@react-native-mapbox-gl/maps'导入MapboxGL;从“反应"导入反应,{组件};从'react-native'导入{PermissionsA ..
发布时间:2021-12-06 22:05:50 前端开发

MapBox-在列表中选择地址后如何在div中显示纬度和经度坐标

我在应用程序上使用MapBox,我想知道在从div内显示的列表中选择一个地址后,如何在div元素内显示lat和lng?我的参考是此MapBox页面 https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/,但是我没有找到使用javascript的正确方法. 为更清楚地解释我的疑问,以下是我在我的应用程序上使 ..
发布时间:2021-05-31 20:00:58 前端开发