Google maps React谷歌地图：谷歌地图中绑定的所有标记的UL，以及点击每个li的相应信息窗口 我用“react GoogleMaps”做了一张谷歌地图，上面有一张经销商名单 标记正确循环并显示在地图中 如何将地图中的“标记者”/“经销商”也列在列表（UL）中，并且列表（li）单击应弹出信息窗口

这是我用过的

import React，{Component}来自“React”
从“重新组合”导入{compose}
进口{
用ScriptJS，
用谷歌地图，
谷歌地图，
标记，
信息窗口，列表
}来自“谷歌地图”
const MapWithAMarker=compose（使用脚本JS，使用谷歌地图）（道具=>{
常量listStyle={
宽度：'250px'，
职位：“相对”
}
返回(
{props.markers.map（marker=>{
如果（marker.lat！=null）{
const onClick=props.onClick.bind（这个，标记）
返回(
{props.selectedMarker==marker&&
{marker.name}


{marker.address}


{marker.zipcode}{marker.city}


电话：{marker.phone}
}
{/*在这里列出经销商，这样信息窗口可以重复使用，我想，不确定*/}
)
}         
})}
)
})
导出默认类RequireGoogleMap扩展组件{
建造师（道具）{
超级（道具）；
此.state={
ShowingInfo窗口：false，
selectedMarker:{}，
所选地点：{}
};
this.handleClick=this.handleClick.bind（this）；
}
handleClick（标记、事件）{
console.log（this.props）
这是我的国家({
selectedMarker:标记器
});
}
render（）{
返回(
this.onBtnClick（）}/>
);
}
}

期待

谷歌地图/
“经销商”的标记/ 也在列表中列出经销商/ 单击列表项时，应像单击标记时一样填充信息窗口/ 前两点正在发挥作用，需要一只手来帮助其他人

---

谢谢大家抽出时间，我找到了解决办法 只需在infowindowclose标记后面添加以下代码行

{marker.name}