我正在尝试使用 react-leaflet.js 获取基本 map 。这是我的代码:
import React from 'react';
import { Map } from 'leaflet';
const mapStyle = {
height: '400px'
};
const mapCenter = [0, -0];
const zoomLevel = 3;
export default class MapT extends React.PureComponent {
render() {
return (
<div>
<Map
style={mapStyle}
center={mapCenter}
zoom={zoomLevel}
>
</Map>
</div>
);
}
}
但是我收到错误:
Uncaught TypeError: Cannot read property 'initialize' of undefined
at NewClass (leaflet-src.js:300)
at mountIndeterminateComponent (react-dom.development.js:14003)
at beginWork (react-dom.development.js:14470)
at performUnitOfWork (react-dom.development.js:17014)
at workLoop (react-dom.development.js:17054)
at HTMLUnknownElement.callCallback (react-dom.development.js:149)
at Object.invokeGuardedCallbackDev (react-dom.development.js:199)
at invokeGuardedCallback (react-dom.development.js:256)
at replayUnitOfWork (react-dom.development.js:16366)
at renderRoot (react-dom.development.js:17148)
at performWorkOnRoot (react-dom.development.js:17993)
at performWork (react-dom.development.js:17901)
at performSyncWork (react-dom.development.js:17873)
at requestWork (react-dom.development.js:17761)
at scheduleWork (react-dom.development.js:17566)
at Object.enqueueSetState (react-dom.development.js:11695)
我做错了什么?
最佳答案
您需要从 react-leaflet
而不是 leaflet
导入 React leaflet 组件。
import { Map } from 'react-leaflet';
关于reactjs - map 组件: Cannot read property 'initialize' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53432760/