web-dev-qa-db-fra.com

Pourquoi je reçois la "carte" n'est pas exporté de "React-Broklet"?

Pourquoi je reçois:

./src/components/mapComponent/MapView.jsx
Attempted import error: 'Map' is not exported from 'react-leaflet'.

Je l'importe dans le composant:

import React, { Component } from "react";
import { Map, TileLayer } from "react-leaflet";
import "leaflet/dist/leaflet.css";

Cela me confondre où regarder comme tout semble correct en code ....

reactjsreact-leaflet
2
YoungDad

Essayez avec le composant MapContainer.

Vous avez toutes les informations ici

Le composant MapContainer est responsable de la création de l'instance de carte de la feuille et de la fourniture à ses composants enfants, à l'aide d'un React Contexte.

Lors de la création d'un élément MapContainer, ses accessoires sont utilisés comme options pour créer l'instance de carte.

Maintenant, vous devez importer MapContainer.

import { MapContainer, TileLayer, Marker } from 'react-leaflet';

<MapContainer
  className="markercluster-map"
  center={[51.0, 19.0]}
  zoom={4}
  maxZoom={18}
>
  <TileLayer
    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
    attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  />
</MapContainer>
7
Liora

Essaye ça:

import { Map as LeafletMap } from ' leaflet ';

Ça marche pour moi

0
madhura joshi