У меня есть компонент карты внутри компонента r c -tabs
import React from "react";
import {Map as LeafMap, TileLayer, Marker, Popup} from "react-leaflet";
const Map = () => {
return (
<div className="leaflet-appearance">
<LeafMap center={[59.95, 30.33]} zoom={11}>
<TileLayer
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
<Marker position={[59.95, 30.33]}>
<Popup>
A pretty CSS3 popup. <br/> Easily customizable.
</Popup>
</Marker>
</LeafMap>
</div>
)
};
export default Map
И он отображается. Нехорошо - некоторые плитки не загружены, размер отличается при увеличении, но это видно. пи c как-то работающего реактивного буклета:
I want to fix it. I add a css into my index.html file
<!-- Leaflet Maps Styling -->
и установить ширину в Map. css
.leaflet-appearance {
height: 200px;
width: 200px;
}
листовка не Работа:
Как это исправить?