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

Question

如何将所选图像加载为基础层，以便 point/polygon/shape 等其他功能在其上绘制。 openlayer 网站上显示的大多数示例都使用 "ol.source.OSM" 作为基础层源。我不想使用 OSM 作为基础层。

Answer 1

可以在 Openlayers 站点的 Image Load Event 下找到加载自定义图像的示例。

您必须注意要加载的图片的格式。由于您没有提供更多信息，我将使用来自 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>

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

how to load image as base layer for further drawing in openlayer 3

openlayers-3