如何加载图像作为基础层,以便在openlayer 3中进一步绘制

时间:2017-01-17 06:20:45

标签: openlayers-3

如何将所选图像作为基础图层加载,以便在其上绘制点/多边形/形状等其他要素。在openlayer网站上显示的大多数示例都使用“ol.source.OSM”作为基础层源。我不想将OSM用作基础层。

1 个答案:

答案 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;
&#13;
&#13;