reactjs - 必应地图在反应。如何在地图上单独的可滚动框中将固定位置显示为列表?我找不到它的文档
问题描述
我有一个非常基本的地图,其中包含带有信息框的硬编码位置数量。但我想在一个可滚动的列表中显示相同的信息,并布置在地图的顶部和左侧。如果您单击一个列表项,则会突出显示相应的图钉,依此类推……我在 bing 地图文档中找不到它。有什么帮助吗?
解决方案
为此,给每个图钉一个唯一的 ID 并将其作为参数传递到您的列表项中,将其存储在rel
属性中是一种常见的方法。然后,当有人单击您的列表项时,使用该 ID 查找图钉。同样,如果有人与 pin 交互,您可以查找具有该参数的列表项。
我没有为此使用 Bing Maps 的示例,但这里有一个使用 Azure Maps 的示例:https ://azuremapscodesamples.azurewebsites.net/?sample=Page%20through%20POI%20results这应该可以帮助您理解这个概念。如果您决定使用 Bing 地图,则必须遍历图层中的所有引脚,才能检查哪个引脚具有您要查找的 ID。
推荐阅读
- javascript - React useState 钩子似乎没有在显式调用 setter 函数时更新状态
- python - 在 Python 中提取所有父/子 Json 值
- c# - Linq 按属性将对象划分为多个对象
- r - 将 ylim 添加到 geom_col
- python - 位置不完整的转义\x
- amazon-web-services - 如何使用身份提供者的 sessionToken 从 Appsync 获取数据?
- postgresql - 您是否根据纬度/经度对解决了三角测量,然后输出美国邮政编码?
- javascript - 选择 v-select 中的所有功能不保存所有项目
- r - R读取具有正确瑞典字符编码'ANSI'(windows base)的.txt文档
- ios - swiftUI代码子程序/调用简化?