设置 react-leaflet 映射 CRS 属性答案

【问题标题】：Set react-leaflet map CRS atribute设置 react-leaflet 映射 CRS 属性
【发布时间】：2018-01-10 10:25:08
【问题描述】：

在原生 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？

我哪里错了？

【问题讨论】：

【解决方案1】：

我需要从原生传单中导入 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

【讨论】：