如何将所选图像作为基础图层加载,以便在其上绘制点/多边形/形状等其他要素。在openlayer网站上显示的大多数示例都使用“ol.source.OSM”作为基础层源。我不想将OSM用作基础层。
答案 0 :(得分:1)
可以在Open Image Load Event下的Openlayers网站中找到加载自定义图片的示例。
您必须注意要加载的图片的格式。由于您没有提供更多信息,我将使用来自WMS服务器的单个未经处理的图像。
以下代码段是代码中可以帮助您的部分。
var map = new ol.Map( {
layers: [
new ol.layer.Image( {
source: new ol.source.ImageWMS( {
url: 'https://ahocevar.com/geoserver/wms',
params: {
'LAYERS': 'topp:states'
},
serverType: 'geoserver'
} )
} )
],
target: 'map',
view: new ol.View( {
center: [-10997148, 4569099],
zoom: 4
} )
} );

<script src="https://openlayers.org/en/v3.20.1/build/ol.js"></script>
<div id="map"></div>
&#13;