Openlayers 5映射完全不呈现

问题描述

不知道我在做什么错。我遵循了基本示例，但是无法获取要渲染的地图。经开发人员检查，它甚至没有显示画布。任何帮助将不胜感激。

该代码是一个简单的打字稿组件，如下所示：

import React from 'react';
import 'ol/ol.css';
import {Map,View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';
import Projection from "ol/proj/Projection";

const myMap = new Map({
    target: 'ol-map',layers: [
        new TileLayer({
            source: new OSM(),})
    ],view: new View({
        center: [0,0],zoom: 0,projection: new Projection({
            code: 'EPSG:4326',units: 'm'
        }),})
});


const style = {
    width: '600px',height: '600px',}

const MapPage = () => <div id='ol-map' style={style}/>;
export default MapPage;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）