设置react-leaflet地图的CRS属性

Question

在原生的Leaflet地图中，lib CRS属性应该设置如下：

var mymap = L.map('mapid', {
    center: [-1800, 1000],
    zoom: 13,
    crs: L.CRS.Simple,
    minZoom: 0,
    maxZoom: 13,
});

如何在React-Leaflet中实现此功能，我尝试了一些方法，但都没有成功 :/

    <Map crs={CRS.useSimple()} center={[-1800, 1000]} zoom={13} doubleClickZoom={false} >

    </Map>

但是出现了 CRS 没有导入的错误。 如何导入 CRS？

我错在哪里了？

- Stevan Tosic

Answer 1

我需要从原生的leaflet中导入CRS。

import React, { Component } from 'react';
import {Map} from 'react-leaflet'
import {CRS} from 'leaflet';

然后在MAP组件中

 <Map center={[0, 0]} zoom={2}  doubleClickZoom={false} crs={CRS.Simple}>
    ...
 </Map

- Stevan Tosic