Leaflet库有许多插件:
https://leafletjs.com/plugins.html
现在我看了一下React Leaflet库:https://react-leaflet.js.org/,但是我在它的文档中找不到如何使用来自Leaflet库的插件的说明,如果可能的话。能有人帮忙吗?https://leafletjs.com/plugins.html
现在我看了一下React Leaflet库:https://react-leaflet.js.org/,但是我在它的文档中找不到如何使用来自Leaflet库的插件的说明,如果可能的话。能有人帮忙吗?很不幸,在大多数情况下,为了使leaflet插件在react-leaflet中工作,必须从头开始编写它,但也有例外。
下面是一个示例,可以让您在全屏幕上使用地图。
import { MapContainer, TileLayer } from 'react-leaflet';
import 'leaflet-fullscreen/dist/Leaflet.fullscreen.js';
import 'leaflet-fullscreen/dist/leaflet.fullscreen.css';
import tileLayer from '../util/tileLayer';
const center = [52.22977, 21.01178];
const MapWrapper = () => {
return (
<MapContainer
fullscreenControl={true}
center={center}
zoom={13}
scrollWheelZoom={false}
>
<TileLayer {...tileLayer} />
</MapContainer>
)
}
export default MapWrapper;
最受欢迎和发展最为成熟的通常都有 react-leaflet 版本,例如 react-leaflet-markercluster