小编Ana*_*sia的帖子

我的地图有问题。一张react-leaflet地图。它在我加载我的网站时显示。但另一方面，就像点击链接一样，它没有。我只是在滚动时一张一张地加载左上角的图块。

以前有人遇到过这个问题吗？或者有人有什么想法？

一个例子：http : //www.noelshack.com/2019-02-1-1546872914-capture.png

import React, { Component } from 'react';
import { Map, Marker, Popup, TileLayer } from 'react-leaflet';
import 'leaflet/dist/leaflet.css';
import './local_leaflet.css';

const mapState = {
  lat: 49.4431,
  lng: 1.0993,
  zoom: 10,
  visible: true,
  url: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
};

export default () => (
  <div>
    <Map center={[mapState.lat, mapState.lng]} zoom={mapState.zoom}>
      <TileLayer url={mapState.url} />
    </Map>
  </div>
);

我已经尝试过componentDidMount, componentDidUpdate, componentWillUnmount... 没有任何效果。