在openlayers 4中返回画布（图像）

Question

该示例演示如何将按钮click事件绑定到画布，然后返回图像Example 。 我该如何更改它，当我使用带有永久链接的调用openlayers时，它会自动向我返回该图像？ 我想使用来自c ++程序的简单get请求来获取图像。 我有例如“＃map = 12 / 1085115.28 / 6035092.46 / 0”作为解析参数。 有任何想法吗？ 谢谢和问候梅丽娜

到目前为止，我有参数解析

<!DOCTYPE html>
<html>
  <head>
    <title>OpenStreetMap</title>
    <link rel="stylesheet" href="https://openlayers.org/en/v4.2.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.2.0/build/ol.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script>
        var center = [0,0];
        var zoom = 0;
        var rotation = 0;
        if (window.location.has !== '')
        {
         var hash = window.location.hash.replace('#map=', '');
         var parts = hash.split('/');
         console.log (parts);
         if (parts.length === 4)
         {
            zoom = parseInt(parts[0],10);
            center = [
             parseFloat(parts[1]),
             parseFloat(parts[2])
             ];
            rotation = parseFloat(parts[3]);
         var rotation = 0;
        }
    }
      var openStreetMapLayer = new ol.layer.Tile({
        source: new ol.source.OSM({
          attributions: [
            'All maps Â© <a href="http://www.openstreetmap.org">openStreetMapLayer</a>',
            ol.source.OSM.ATTRIBUTION
          ],
          opaque: false,
        //  url: '<myosmserver>/hot/{z}/{x}/{y}.png'
        })
      });


      var map = new ol.Map({
        layers: [
          openStreetMapLayer
        ],
        target: 'map',
        controls: ol.control.defaults({
          attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
            collapsible: false
          })
        }),
        view: new ol.View({
          maxZoom: 20,
          center: center,
          zoom: zoom
        })
      });

    </script>
  </body>
</html>

Answer 1

您无法添加将以某种方式将地图下载为图像的链接。 您将需要在某处渲染它。

这就是它的工作方式。 当Openlayers渲染地图时，它将在HTML canvas元素中渲染地图。 下载功能不是Openlayers功能，而是HTML画布功能。 画布具有用于获取当前画布快照的API。 您可以将其下载为图像。

您可以在浏览器中呈现地图，也可以在服务器端呈现地图。 我没有尝试在服务器上渲染Openlayers地图，但是应该可以。

在openlayers 4中返回画布（图像）

问题描述

1 个解决方案

解决方案1
0 2017-08-01 01:48:03

在openlayers 4中返回画布（图像）

问题描述

1 个解决方案

解决方案1 0 2017-08-01 01:48:03

解决方案1
0 2017-08-01 01:48:03