问题标签 [react-leaflet-search]

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 投票
2 回答
1363 浏览

javascript - react-leaflet-search 组件未呈现

当我尝试渲染 react-leaflet-search 时,出现错误。当我尝试使用该错误的解决方案时,反应正在编译,但组件似乎没有呈现。

我尝试了他们的示例简单搜索。得到同样的错误

我尝试了这个解决方案(来自 react-leaflet-search 页面)

我什至试过这个:

这些行绕过了“错误”,但似乎没有组件正在渲染。

我的 react-leaflet Map 组件正在加载,缩放 +/- 按钮也是如此,但不是搜索。

这是我正在使用 地图示例的代码,当然我 也在做:

唯一的区别是在第 31 行之后我添加了我的组件。

似乎什么都没有渲染。

我期望的结果是一个搜索组件,就像这个 工作示例中显示的那样

0 投票
1 回答
1419 浏览

reactjs - 如何在反应中使用地图作为位置输入?

我正在尝试制作一个表单,用户可以搜索他们的位置或固定他的位置。我react-leaflet用于加载地图和react-leaflet-search添加搜索功能。搜索功能运行良好。下面你可以看到代码。

我想要做的是访问用户输入的位置或用户选择位置后显示的标记的纬度经度。我试图搜索事件侦听器,但找不到。目前我正在尝试使用onDragEnd事件,但我还没有成功。谁能告诉我如何实现我想要做的事情?

0 投票
1 回答
400 浏览

java - 传单和传单搜索:resetStyle 无法清除地图上的亮点,并且似乎“不是功能”

我正在为在某些位置找到的科学数据创建地图。我已经为每个位置创建了独立的 geoJSON 文件(多边形)和变量,并将它们加载到我的传单地图中,因为我想独立地将图表附加到每个位置的弹出窗口中。

为了让传单搜索工作,我创建了一个新的图层组并将所有位置变量添加到组中,这允许我搜索位置,放大并突出显示它。

当我尝试删除 highlight 时出现我的问题,因为 resetStyle 功能不起作用并且在控制台中显示为“Uncaught TypeError: featuresLayer.resetStyle is not a function”。当我将所有位置作为单个 geoJSON 文件导入时,我没有任何问题,但是我不知道如何为每个位置独立附加图表。

我还尝试使用将颜色从默认更改为绿色,返回默认的代码,但这也失败了,我收到类似的错误:“未捕获的类型错误:无法读取未定义的属性 'setStyle'”

我在下面附上了相关代码:

0 投票
1 回答
94 浏览

javascript - 传单搜索自定义结果标记

我使用传单搜索控件并隐藏 geojson 层中的所有点(我将它们设置为透明并减小标记大小)。然后在leaflet-search.js中添加自定义标记以在找到位置时放在地图上:第89行(https://github.com/stefanocudini/leaflet-search/blob/master/src/leaflet-search.js

有没有办法将弹出窗口绑定到由 Leaflet-search.js 放在地图上的标记?

0 投票
4 回答
1583 浏览

reactjs - 如何解决“React Hook useEffect 缺少依赖项:'currentPosition'”

当我包含currentPositionuseEffect依赖数组中或删除它时,代码变成了一个无限循环。为什么?我对 map 有同样的问题,但是当我将 map 放在依赖数组中时就可以了。

0 投票
2 回答
93 浏览

javascript - 使用传单搜索显示两次标记

我制作了一张地图,基于 geojson 文件和集群标记。

然后我尝试添加传单搜索插件。搜索功能有效:当我搜索某些内容时,它会打开好的弹出窗口(信息由“复杂”例程生成)。

但是现在我的标记显示了两次:我之前创建的标记,然后是搜索插件显示的标记。

如何使传单搜索不显示自己的标记?

我希望我足够清楚。下面是我的代码示例(我试图使其可读):

0 投票
1 回答
163 浏览

reactjs - 我安装 react-leaflet-search 时的问题

当我尝试安装 react-leaflet-search 时遇到问题我遇到了这个错误

我不想改变我的反应版本!