首页 > 解决方案 > 必应地图在反应。如何在地图上单独的可滚动框中将固定位置显示为列表?我找不到它的文档

问题描述

我有一个非常基本的地图,其中包含带有信息框的硬编码位置数量。但我想在一个可滚动的列表中显示相同的信息,并布置在地图的顶部和左侧。如果您单击一个列表项,则会突出显示相应的图钉,依此类推……我在 bing 地图文档中找不到它。有什么帮助吗?

标签: reactjsbing-maps

解决方案


为此,给每个图钉一个唯一的 ID 并将其作为参数传递到您的列表项中,将其存储在rel属性中是一种常见的方法。然后,当有人单击您的列表项时,使用该 ID 查找图钉。同样,如果有人与 pin 交互,您可以查找具有该参数的列表项。

我没有为此使用 Bing Maps 的示例,但这里有一个使用 Azure Maps 的示例:https ://azuremapscodesamples.azurewebsites.net/?sample=Page%20through%20POI%20results这应该可以帮助您理解这个概念。如果您决定使用 Bing 地图,则必须遍历图层中的所有引脚,才能检查哪个引脚具有您要查找的 ID。


推荐阅读