mapbox-gl-js相关内容
我正在寻找一种在我的Reaction本机应用程序中使用OpenStreetMap数据的方法。 在我上次的研究中,我发现了MapLibre,这是一个基于MapBox GL旧版本的免费选项。 我面临的问题是,除了@react-native-mapbox-gl/maps,我找不到任何插件在Reaction Native中使用它。因此,在他们的文档中说:我们现在也支持MapBox SDK的MapLibre
..
使用Vue 3+打字+Vite。 用VITE+VUE 3+打字稿设置了项目。 使用谷歌地图有问题,因为它需要付费。 于是尝试了Mapbox,地图部分工作正常,但在添加MapboxGeocoder时显示错误。 收到此错误 TypeError: EventEmitter is not a constructor at new MapboxGeocoder (index.js:
..
我要检查点是否在多边形中: if (turf.booleanPointInPolygon(pt, poly_coordinates)) { console.log("INSIDE"); } else { console.log("OUTSIDE"); } JSON.stringify(console.log(Pt))显示: {"type":"Feature","pr
..
我目前使用Reaction作为前端,使用ReactMapGL作为我的地图组件,并且我正在尝试设置样式,以便我的所有大陆都有不同的颜色。我尝试了所有提供的不同模板的样式,但我只能在http://studio.mapbox.com中更改水和陆地的颜色。是否可以进行此更改? 推荐答案 您必须在地图上叠加一个大陆图层,然后根据您自己的颜色/大陆映射逻辑对其进行有条件的样式设置。 您可以通
..
我设置了一个全新的本机反应项目,并使用yarn add @react-native-mapbox-gl/maps添加了MapBox。 此 请注意,如果您使用的是默认的Mapbox Android SDK(与该库一起打包) 并使用较新的Android操作系统版本(API 30+), 您将遇到致命异常:java.lang.SecurityException:getDataNetworkTy
..
在过去的几个小时里,我一直在用头撞桌子。 我正在尝试让MapBox在加载时放大到所有标记的边界区域。 但是,这是我为下面的代码收到的错误。 此错误发生在下面的控制台日志图像之后,因此最新的LNG坐标肯定在那里。 未捕获错误:无效的LngLat对象:(NaN,NaN) const onLoad = () => { let points = [];
..
只是一个简短的问题,如果有人曾经用Maki图标替换过MapBox的默认标记。我只看到过将Maki图标用于点切片集/图层的示例,但我想将其用于非切片集要素,特别是替换地理编码后在刚刚进行地理编码的地址位置添加的标记。 或者,尝试查找与下面的Google地图符号相似的符号。欢迎提出任何建议。 var pinImage = { path: google.maps.S
..
我正在运行几个设施的位置地图以及它们的名称和坐标数据。我希望地理编码器能够搜索设施的名称。 Mapbox有一个很好的示例,但他们的示例显示了将数据集加载到实际代码中的用例。我的数据集要大得多,并且当前位于项目文件夹中的.Geojson文件中。 如何将此代码转换为适用于我的示例? 我尝试使用 将数据集回调到地理编码器代码中 var myData =getSource('BR
..
似乎缺少MapBox数据管理工作流documentation(或我不了解它)。 我当前有一个自定义style,其中添加了一些自定义tilesets。当我的tileset的数据需要更新时,有没有一种优雅的方式可以通过API更新现有的数据,并保留特定style的任何样式? 我对该工作流程的最佳猜测是: 请求Mapbox S3凭据 将数据上传到新tileset 检索新的tilesetI
..
我最近在REACT本机上使用MapBox gl,而不是使用Google地图, 我正在尝试添加一个要素,该要素在地图上显示从A点到B点的方向。 或在我的Reaction本机应用程序中使用Mapbox directions API 以下是我尝试的代码,但在挂载屏幕后,应用程序成功崩溃:d import MapboxGL from '@react-native-mapbox-gl/ma
..
我使用Mapbox Studio作为映射和样式设置的基础,然后使用HTML提供其他地图功能。 其中一项功能是在悬停或鼠标输入时更改图标不透明度。我已经检查了其他示例,当您直接在HTML中创建特性时,所有其他示例都会引用特性。我设法改变了不透明度,但仅限于整个图层。 我能否以某种方式使用e.Feature[0]命令行将更改仅应用于一个要素,而不是应用于整个图层? 我使用此代码更改了
..
..
有什么好的推荐的 Angular 6+ 支持库,可用于完成以下任务? 我使用 ngx-leaflet 作为地图.我希望使用矢量而不是栅格来创建地图.我知道 Leaflet 默认不支持矢量图,但是,您可以通过mapbox-gl-leaflet 插件. 谁能推荐我一种方法或适当的库来使用 Angular 6+ 完成这项任务? 解决方案 你可以使用 Leaflet.VectorGri
..
我正在 Mapbox GL JS 页面中使用 Three.js 渲染一些自定义图层,遵循 这个例子.我想添加光线投射来确定用户点击了哪个对象. 问题是我只从 Mapbox 获得了一个投影矩阵,我用它来渲染场景: class CustomLayer {类型 = '自定义';渲染模式 = '3d';onAdd(地图,gl){this.map = 地图;this.camera = new T
..
我正在使用 ReactJS 和 Mapbox GL JS 构建一个小型应用程序. const MapRender = () =>{const mapContainerRef = useRef(null);const map = new mapboxgl.Map({容器:mapContainerRef.current,样式:“mapbox://styles/mapbox/streets-v11",
..
我刚开始在 vue 中使用 vuex.我确实(大致)了解文档.我有一个特定的问题,我不确定是否应该使用 vuex,如果是,该怎么做. 我有一个应用程序,其中 mapbox 地图在各种布局和组件等中无处不在.因为我将制作几个 vue 单文件组件,但正在使用 mapbox 地图的一个相同实例,我认为这是有意义的在 vuex 商店中启动和管理 mapbox 地图.所以例如当我更改地图布局或其他内容
..
我有两点是从数据库中得到的,我想从起点到终点渲染一条线 我得到的是两点的直线,不考虑地图上的路线和方向 那么我该如何处理以查看地图上的路线和方向? 这是我得到的 这就是我所期待的 这是我的代码 从'@react-native-mapbox-gl/maps'导入MapboxGL;从“反应"导入反应,{组件};从'react-native'导入{PermissionsA
..
我正在使用这个角度库为 mapbox 绘制地图 ngx-mapbox-gl我正在显示关于 mouseenter 事件的弹出窗口. mapInstance.on("mouseenter", "scoots_layers", function (e) {var _lat = e.lngLat.lat;var _lng = e.lngLat.lng;var 坐标 = [_lng, _lat];this
..
我在 VueJS 应用中使用 Mapbox JavaScript SDK.我可以毫无问题地显示地图.现在我想添加一些标记.我看到在此页面上,您需要在标记之前导入 CSS 样式表将工作.按照文档中的建议,我尝试了以下两种方法: import 'mapbox-gl/dist/mapbox-gl.css'; 从我的 Vue 组件
..
我在应用程序上使用MapBox,我想知道在从div内显示的列表中选择一个地址后,如何在div元素内显示lat和lng?我的参考是此MapBox页面 https://docs.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder-no-map/,但是我没有找到使用javascript的正确方法. 为更清楚地解释我的疑问,以下是我在我的应用程序上使
..