OpenLayers 3 之 Overlay（覆盖物）详解

最新推荐文章于 2025-07-15 10:06:52 发布

qingyafan

最新推荐文章于 2025-07-15 10:06:52 发布

阅读量2.2w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： OpenLayers WebGIS OpenLayers 文章标签： openlayers overlay webgis 地图地图覆盖物

本文链接：https://blog.youkuaiyun.com/qingyafan/article/details/49840041

OpenLayers 3 中的 Overlay 功能用于在地图上添加可随地图移动和缩放的浮动元素，如标记和弹出框。Overlay 接受多种配置参数，如 id、element、offset 和 positioning，允许自定义其位置和行为。Overlay 支持事件监听，如 change:position，可绑定事件响应其变化。通过提供的 get 和 set 方法，可以轻松管理 Overlay 的属性。利用 Overlay，开发者可以实现丰富多样的地图交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Overlay 从名字看，是覆盖图、覆盖物的意思，主要的用途就是在地图之上再覆盖一层，用以显示额外的可见元素，可见元素一般是 HTML 元素，利用 overlay，可以将可见元素放置到地图的任意位置，形成地图上再浮动一层的效果。例如在地图上相应的坐标放置一个标志，标签，利用 overlay 都可以做到，具体来说，点击地图上某位置，在点击位置弹出弹出框就是利用了 overlay。

因为 overlay 是固定在特定坐标的可见元素，因此移动地图（pan操作）和进行缩放，overlay 会与地图坐标相对位置不变，跟着地图移动。overlay 直接继承了 ol.Object ，很多 ol.Object 对象的方法和监听事件直接被继承到了 overlay 中。

注：这次的标题和之前的标题命名方式不同，是因为 overlay 并没有一个标准的名字，在 GIS 中这种情况很常见。这种情况下，该中文名并不标准。

初始化属性

overlay 初始化时可以接受很多的配置参数，这些配置参数是一个个的键值对，共同构成一个对象字面量（options），然后传递给其“构造函数”，如 `new ol.Overlay(options)，此处的 options 便是参数键值对构成的对象字面量。可配置的键值对，定义如下：

/**
 * Object literal with config options for the overlay.
 * @typedef {
   
   {
   
   id: (

最低0.47元/天解锁文章

200万优质内容无限畅学