React 和 Leaflet 结合的好方法

npm install react-leaflet leaflet

yarn add react-leaflet leaflet

jsx
import React from 'react';
import { MapContainer, TileLayer } from 'react-leaflet';
function Map() {
  return (
    
              url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution="Map data © OpenStreetMap contributors"
      />
    
  );
}
export default Map;

jsx
import React from 'react';
import Map from './Map';
function App() {
  return (
    
      
React Leaflet Map Example
      
  );
}
export default App;