传单地图渲染

Question

我的地图无法完全打开，谁能帮我解决这个问题吗？

我尝试重新创建代码并再次安装它，我尝试从网站本身获取代码但它不起作用，我正在使用React和TailwindCSS，有人可以帮助我吗？

Answer 1

在创建地图组件的文件中，必须导入以下样式。

import "leaflet/dist/leaflet.css";

在将 Tailwind 指令添加到 CSS 的位置，您必须创建地图高度和宽度的样式。

@tailwind base;
@tailwind components;
@tailwind utilities;

.leaflet-container {
  height: 500px;
  width: 100%;
}