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

reactjs - 反应谷歌地图

有人可以让我知道如何更改来自默认属性的 defaultCenter。如何更改默认属性并动态地从服务器提供值。

0 投票
1 回答
600 浏览

javascript - react-mapbox-gl 集群不工作

react-mapbox-gl 中的集群给出错误

我可以在不使用集群的情况下绘制标记,但使用集群它会给我这个错误:

supercluster_1.default 不是函数

对于这个反应代码:

0 投票
1 回答
7382 浏览

javascript - react-mapbox-gl中的可样式标记/功能?

我正在使用https://github.com/alex3165/react-mapbox-gl

我的问题是如何设置标记或特征组件的样式?

功能接受儿童也不接受样式道具。

Marker 接受样式和子项,但是它不会渲染作为道具传递的任何内容,即使我使用它设置样式,例如{{ background: 'blue' }}它对样式没有任何影响。

我错过了什么吗?谢谢

0 投票
1 回答
2133 浏览

mapbox-gl-js - 是否可以动态添加到 kepler.gl 中的数据集

我在kepler.gl 工作并从数据库中加载数据。如果数据库更新,我希望能够动态更新数据集。有没有办法向数据集添加一行并更新地图?

我尝试删除数据集(使用 removeDataset)并将其与更新的数据(addDataToMap)一起重新添加,但是对于较大的数据集,这效率不高。

提前致谢。

0 投票
1 回答
286 浏览

javascript - 悬停标记时能够滚动地图吗?

我在悬停时努力使缩放地图成为可能marker

https://codesandbox.io/s/my2p15knj8 - 示例marker

但是,这是可能的,但前提是我使用feature而不是marker.

https://codesandbox.io/s/l42n3np7xm

不幸的是 - 功能几乎是不可设计的,不能将孩子传递给它,也不能独立地设计它们。

寻找一些解决方案,即使悬停也能缩放地图marker。如您所见,我的标记有点大,因此用户在滚动时很难避免它们:)

谢谢!

0 投票
0 回答
456 浏览

javascript - react-map-js 弹出窗口不会关闭/删除

我成功地在我的地图上添加了一个弹出窗口,但我不知道如何关闭弹出窗口。(我认为这是一个错误?)

我导入了弹出窗口;

并定义如下弹出方法;

我这样渲染的;

它正确呈现并且关闭按钮位于弹出窗口上。它只是不会关闭。有任何想法吗?:/

0 投票
1 回答
234 浏览

reactjs - 在 MongoDB 中使用 React 捕获和存储地址

试图了解如何在 React 中捕获和存储地址。

我想实现自动完成功能,这样用户就无法输入一些乱写的地址,而是用户开始输入然后选择一个地址。

理想情况下,此地址组件将返回坐标以保存在 MongoDB 中。

目前我正试图弄清楚谷歌是否是正确的选择,因为价格发生了重大变化,而且我听说它非常昂贵。

与 Mapbox 相反,我正在努力寻找一个可行的解决方案。

需求很简单,如下:

1 - 在AddLocationComponent中捕获位置的准确地址,将其存储在 MongoDB 中

2 - 在SinglePostComponent内的地图上显示位置的图钉

理想情况下,另一个具有附近多个位置的地图的组件将是一种选择。

有人可以分享一些关于使用哪些服务/技术/方法来解决这个问题的智慧吗?

提前谢谢了!

0 投票
1 回答
620 浏览

reactjs - 如何在 mapbox 顶部添加三个.js 对象

我目前正在使用 react、react-map-gl 和 three.js。我想在 react-map-gl 上渲染一个 .obj。

如果deck.gl 代码/react-map-gl 代码被注释掉,我目前的 .obj 通过以下方式成功出现在屏幕上: 车

并在render()

但是,有了这个,我的 .obj 文件总是被地图隐藏。我想把它放在地图的顶部。我尝试为所有这些组件编辑 z-index,但无济于事。将不胜感激的建议。

0 投票
1 回答
1822 浏览

reactjs - Deck.GL ScatterplotLayer 不渲染点

我一直在为这个问题挠头太久了。我有一个最简单的 React App,它将一些数据作为道具传递给 WhatMap(之所以这么称呼,是因为我一直在尝试许多不同的地图库)。

但是,当我尝试使用 ScatterplotLayer 在 Deck.GL 上绘制数据点时,我在渲染的地图上根本看不到它们。

根据 React Developer Tools,ScatterplotLayer 组件确实收到了我的数据点。

我期待在柏林火车轨道的特定部分看到一些标记。

不管地图:

0 投票
1 回答
693 浏览

reactjs - 使用 react-mapbox-gl 的 fitBounds 定位到特定边界

我想让地图重新定位到按钮单击事件的常量绑定。加载页面时,它显示我得到正确计算的界限的界限。加载后,我需要导航到我绘制的标记。导航到几个标记后,需要飞到我首先得到的原始边界。但它位于伦敦市。我不确定为什么它没有重新定位到原始边界。

这是我的代码

如您所见,我正在使用CustomMapbox组件和道具,例如showAll, center,fitBounds用于 Map。 showAll是否显示所有标记。当showAll为真时,需要显示所有标记,因此需要显示带有 的区域fitBound。当showAll为假时,需要显示中心点。

我通过变量CustomMapbox选择了正确的道具。showAllCustomMapbox中,如果showAll为真,center道具将被移除,或者,fitBounds道具将被移除。问题是在页面加载时正确显示此区域,但在导航到特定中心后未显示。

是否有任何解决方案可以使用此功能react-mapbox-gl