我是下载的Openlayers的源代码导入项目开发,直接导入相应的js文件。
代码如下:
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<meta charset="UTF-8">
<title>加载WMS服务</title>
</head>
<style>
@import './ol/ol.css';
#map {
width: 100%;
height: 700px;
}
</style>
<body>
<div id="map"></div>
</body>
<script type="module">
import Map from './ol/Map.js';
import View from './ol/View.js';
import ImageLayer from './ol/layer/Image.js';
import ImageWMS from './ol/source/ImageWMS.js';
const map = new Map({
view: new View({
center: [102.94492, 30.18199],//设置地图中心,通过下面extent计算
zoom: 6.5,//设置缩放比例
projection: 'EPSG:4326',//设置地图的投影坐标系
}),
layers: [
new ImageL