在Open Layers地图上创建自定义画布

问题描述

在LEAFLE中，I can create一个插件，它将创建一个作为单独层的HTML画布元素。该画布元素将在鼠标拖动时自动移动。

有没有办法在OpenLayers 4中做同样的事情？例如，在OL的容器内创建画布，并将该画布添加到层列表中？

谢谢！

推荐答案

这绝对是可能的。https://openlayers.org/en/latest/examples/d3.html显示了如何执行此操作。您要使用的组件是ol.source.ImageCanvas。它配置了canvasFunction，为给定的范围、分辨率和大小创建画布。

但是，如果您希望静态画布随地图平移/缩放，则ol.source.ImageStatic是您想要使用的组件。有关示例，请参阅https://openlayers.org/en/latest/examples/static-image.html。您可以使用固定大小、范围和分辨率的图像或画布元素对其进行配置，这些元素将进行缩放和移动以固定地图的视图。

这篇关于在Open Layers地图上创建自定义画布的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！