Agregar un componente de mapa a mi aplicación usando el folleto de reacción. El mapa se muestra bien, junto con geoJSON. Las ventanas emergentes irán donde yo las quiera, pero son invisibles.

El mayor problema es que los controles de zoom (+-botones) que veo en todos los ejemplos en línea no se han mostrado. Componente de mapa

Aquí está el código para ello:

 import React, { PureComponent, Component} from 'react' import './Map.css' import 'leaflet/dist/leaflet.css' import { MapContainer, TileLayer, Marker, GeoJSON, ZoomControl, Popup} from 'react-leaflet' class MapView extends PureComponent { constructor(props) { super(props); } render () { var position = [40.8, -74.15] return ( <MapContainer className='Map-Container' center={position} zoom={14} minZoom={10} maxZoom={16} > <ZoomControl position="topleft" /> <Marker position={position}> <Popup> A pretty CSS3 popup. <br /> Easily customizable. </Popup> </Marker> <TileLayer className='TileLayer' url='https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}' attribution='Tiles &copy; Esri &mdash; Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community' /> </MapContainer> )

} }

exportar MapView predeterminado