如何解决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 举报,一经查实,本站将立刻删除。