我有一个这样的组件:
import React, { Component } from 'react';
import Map from 'ol/map';
import View from 'ol/view';
import Tile from 'ol/layer/tile';
import OSM from 'ol/source/osm';
import { mapInitialized } from '../../actions/map';
export default class MapWrapper extends Component<Props> {
componentDidMount() {
const map = new Map({
layers: [
new Tile({
source: new OSM(),
}),
],
view: new View({
center: [0, 0],
zoom: 2,
}),
target: 'map',
});
}
render() {
return (
<MapWrapper id="map" className="map" />
);
}
}
Run Code Online (Sandbox Code Playgroud)
和这样的测试:
import React …
Run Code Online (Sandbox Code Playgroud)