Leaflet React admin：如何在编辑/创建视图中嵌入传单，以进行可视地址验证

我有一个人和地址列表

在React admin Edit/Create视图中，用户可能希望输入地址/城市/邮政编码，并希望查看该位置的openstreetmap

如何将传单openstreetmap嵌入编辑/克里特岛视图，并将其与地址字段链接？是否有示例/blog/github

export const PersonEdit=props=>(
一个漂亮的CSS3弹出窗口。
可轻松定制。
);

---

您可以使用

组件[]通过自定义表单布局轻松定位。通过这种方式，您还可以将其余的输入分散在几行而不是一列中。

添加到index.css

。传单容器{高度：450px；宽度：100%；边距：0}

将参数fullWidth添加到MapContainer

导出const PersonEdit=props=>(
...
一个漂亮的CSS3弹出窗口。
可轻松定制。
);

---

首先，将以下内容添加到index.css:.传单容器{高度：750px；宽度：100%；边距：0自动；}将该行添加到index.css不会更改布局。（问题中更新的屏幕截图）是的，你是对的，这还不是全部，你仍然需要连接head section index.html中的moulate.css。我下载了它并在本地连接了它：谢谢，moulate.css确实有帮助。地图内容正确，但放在一个角落-屏幕截图已更新。我可能在编辑/创建视图中的布局/大小调整方式中缺少某些方面。我没有使用编辑/创建表单，而是基于材质ui卡创建了自己的表单，并将地图放置在CardMedia中。