web-dev-qa-db-ja.com

なぜ「地図」が「React-Leaflet」からエクスポートされていませんか？

なぜ私は手に入っています：

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

コンポーネントでこれをインポートしています。

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

これは、すべてのものがコードで正しいように見えるように見えるように混乱しています....

reactjsreact-leaflet
2
YoungDad

MapContainerコンポーネントで試してください。

あなたはここにすべての情報を持っています

MapContainerコンポーネントは、Reactコンテキストを使用して、リーフレットマップインスタンスを作成し、その子コンポーネントに提供する責任があります。

MapContainer要素を作成するとき、その小道具は地図インスタンスを作成するためのオプションとして使用されます。

今、あなたは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

これを試して：

import { Map as LeafletMap } from ' leaflet '; _

わたしにはできる

0
madhura joshi