问题标签 [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.
reactjs - 反应谷歌地图
有人可以让我知道如何更改来自默认属性的 defaultCenter。如何更改默认属性并动态地从服务器提供值。
javascript - react-mapbox-gl 集群不工作
react-mapbox-gl 中的集群给出错误
我可以在不使用集群的情况下绘制标记,但使用集群它会给我这个错误:
supercluster_1.default 不是函数
对于这个反应代码:
javascript - react-mapbox-gl中的可样式标记/功能?
我正在使用https://github.com/alex3165/react-mapbox-gl
我的问题是如何设置标记或特征组件的样式?
功能不接受儿童也不接受样式道具。
Marker 接受样式和子项,但是它不会渲染作为道具传递的任何内容,即使我使用它设置样式,例如{{ background: 'blue' }}
它对样式没有任何影响。
我错过了什么吗?谢谢
mapbox-gl-js - 是否可以动态添加到 kepler.gl 中的数据集
我在kepler.gl 工作并从数据库中加载数据。如果数据库更新,我希望能够动态更新数据集。有没有办法向数据集添加一行并更新地图?
我尝试删除数据集(使用 removeDataset)并将其与更新的数据(addDataToMap)一起重新添加,但是对于较大的数据集,这效率不高。
提前致谢。
javascript - 悬停标记时能够滚动地图吗?
我在悬停时努力使缩放地图成为可能marker
。
https://codesandbox.io/s/my2p15knj8 - 示例marker
但是,这是可能的,但前提是我使用feature
而不是marker
.
https://codesandbox.io/s/l42n3np7xm
不幸的是 - 功能几乎是不可设计的,不能将孩子传递给它,也不能独立地设计它们。
寻找一些解决方案,即使悬停也能缩放地图marker
。如您所见,我的标记有点大,因此用户在滚动时很难避免它们:)
谢谢!
javascript - react-map-js 弹出窗口不会关闭/删除
我成功地在我的地图上添加了一个弹出窗口,但我不知道如何关闭弹出窗口。(我认为这是一个错误?)
我导入了弹出窗口;
并定义如下弹出方法;
我这样渲染的;
它正确呈现并且关闭按钮位于弹出窗口上。它只是不会关闭。有任何想法吗?:/
reactjs - 在 MongoDB 中使用 React 捕获和存储地址
试图了解如何在 React 中捕获和存储地址。
我想实现自动完成功能,这样用户就无法输入一些乱写的地址,而是用户开始输入然后选择一个地址。
理想情况下,此地址组件将返回坐标以保存在 MongoDB 中。
目前我正试图弄清楚谷歌是否是正确的选择,因为价格发生了重大变化,而且我听说它非常昂贵。
与 Mapbox 相反,我正在努力寻找一个可行的解决方案。
需求很简单,如下:
1 - 在AddLocationComponent中捕获位置的准确地址,将其存储在 MongoDB 中
2 - 在SinglePostComponent内的地图上显示位置的图钉
理想情况下,另一个具有附近多个位置的地图的组件将是一种选择。
有人可以分享一些关于使用哪些服务/技术/方法来解决这个问题的智慧吗?
提前谢谢了!
reactjs - Deck.GL ScatterplotLayer 不渲染点
我一直在为这个问题挠头太久了。我有一个最简单的 React App,它将一些数据作为道具传递给 WhatMap(之所以这么称呼,是因为我一直在尝试许多不同的地图库)。
但是,当我尝试使用 ScatterplotLayer 在 Deck.GL 上绘制数据点时,我在渲染的地图上根本看不到它们。
根据 React Developer Tools,ScatterplotLayer 组件确实收到了我的数据点。
我期待在柏林火车轨道的特定部分看到一些标记。
不管地图:
reactjs - 使用 react-mapbox-gl 的 fitBounds 定位到特定边界
我想让地图重新定位到按钮单击事件的常量绑定。加载页面时,它显示我得到正确计算的界限的界限。加载后,我需要导航到我绘制的标记。导航到几个标记后,需要飞到我首先得到的原始边界。但它位于伦敦市。我不确定为什么它没有重新定位到原始边界。
这是我的代码
如您所见,我正在使用CustomMapbox
组件和道具,例如showAll
, center
,fitBounds
用于 Map。
showAll
是否显示所有标记。当showAll
为真时,需要显示所有标记,因此需要显示带有 的区域fitBound
。当showAll
为假时,需要显示中心点。
我通过变量CustomMapbox
选择了正确的道具。showAll
在CustomMapbox
中,如果showAll
为真,center
道具将被移除,或者,fitBounds
道具将被移除。问题是在页面加载时正确显示此区域,但在导航到特定中心后未显示。
是否有任何解决方案可以使用此功能react-mapbox-gl
?