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

reactjs - Mapbox GL 弹出文本不可选择

我的弹出窗口中的文本无法选择。我可以通过单击等方式关闭弹出窗口,但是当将指针悬停在文本上时,指针仍保持为手形图标,并且永远不会变为 I 形文本选择图标。我尝试了几种不同的方式添加弹出窗口,但无济于事:

Mapbox 示例中,它们的文本是可选择的。知道为什么我的不是吗?谢谢。

0 投票
1 回答
741 浏览

reactjs - React Map GL Draw typescript错误“声明或声明预期”

我正在尝试将编辑器添加到我的地图中,但是在我导入“react-map-gl-draw”的那一刻,我收到以下错误并且我在上面找不到任何东西。当我删除编辑器时,错误消失了,我可以看到地图。

有人可以给我一些调试这个问题的方向吗?

完整的 React 组件

0 投票
1 回答
64 浏览

reactjs - 有没有办法在 react-map-gl 中为建筑物和房屋添加地块大小,如下图所示

图像1

我需要在地图中显示属性的大小。

在此处输入图像描述

0 投票
1 回答
33 浏览

reactjs - 不明白为什么我在这个反应循环中只得到一个表格行

Tables 变量是一个包含对象数组的对象 const Tables = {QD1:[{key:value, key:value, key:value, key:value}],QD1:[{key:value, key:value, key:value,key:value}]}

我正在尝试根据它的内容构建一个表。但是,当我运行以下代码时,当我期望为数组中的每个对象获取一行时,我只得到一行。谁能告诉我我做错了什么?

}

0 投票
1 回答
44 浏览

javascript - 地图功能在反应js中引发错误

我是 React js 的新手,很快就学会了开发静态网站。因为我是 python 的忠实粉丝,所以我使用 Django-rest-framework 开发了我的后端。

我正在使用反应前端成功地从后端获取我的数据。

我总是喜欢使用功能组件而不是状态组件。我知道我需要映射我的状态对象才能在其中显示内容,但它会引发错误

我不知道为什么,请指导我完成这个。一件重要的事情是我完美地将我的数据记录到控制台,而不是在 return() 中。

以下是我的代码

我创建了自己的自定义钩子 useHttpClient 来处理数据并且没有任何抱怨

0 投票
1 回答
97 浏览

reactjs - React-map-gl 不适合父级

我开始玩 react-map-gl。我按照https://github.com/visgl/react-map-gl中的示例进行操作。

它工作得很好。但是,地图的大小一直溢出到我页面的右侧和底部。该组件当前位于父 div 中。但是我似乎无法将它包含在父 div 中。

有人知道怎么做这个吗?

0 投票
0 回答
614 浏览

mapbox - Mapbox 错误:layers.postcodes.filter[2]:分支标签必须是唯一的

有人可以帮我解决这个错误吗

我在这样的图层上使用过滤器:

这在 mapbox-gl-draw 操作期间被触发

这由标记上的 onClick 事件使用

这两个操作都是在同一个Layer上使用的,用来填充不同颜色的Layer的背景色

我不确定,该错误有点令人困惑,因此如果有人可以帮助我解决这个问题,我将不胜感激。

0 投票
3 回答
41 浏览

javascript - 我遇到了这个错误“道具地图错误”

嗨,每个人仍在学习通过构建一个暗模式切换按钮来做出反应,单击该按钮将模式从亮变为暗,反之亦然。当我尝试通过状态映射并以卡片的形式显示数据时遇到了问题(虽然不完整)

代码结构和错误

主应用组件

暗模式组件

0 投票
1 回答
74 浏览

javascript - react-map-gl - 印度地理位置显示不正确

我正在使用 react-map-gl 的标记组件在地图上渲染印度城市,显示前。Mumbai "lat": "19.0760", "long": "72.8777" on react-map-gl 但它在 map 上显示的位置不正确。

查找 Img 链接 - https://i.stack.imgur.com/vlhqg.png

0 投票
0 回答
20 浏览

typeerror - 子节点无法识别道具

**输出:TypeError:props.items.map() 不是函数

谁能解释一下??**