OpenLayers学习笔记（七）— 类似比例尺的距离环

最新推荐文章于 2025-06-21 16:42:16 发布

DebJane

最新推荐文章于 2025-06-21 16:42:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： openlayers openlayers 3

本文链接：https://blog.youkuaiyun.com/sueRimn/article/details/86141884

本文是关于OpenLayers的学习笔记，介绍如何在地图上创建一个类似比例尺的动态距离环，该环始终保持以地图中心为中心，并随着地图缩放而调整距离，模拟比例尺效果。文章提供了一段代码示例，展示了如何实现这一功能。

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

OpenLayers学习笔记（七）— 类似比例尺的距离环

openlayers 3 地图上创建一个距离环，始终以地图中心为中心，每个环之间的距离类似比例尺，随地图缩放而变化。

添加具有覆盖整个范围的特征的虚拟层，其可以被设置为围绕地图中心的环。注意，根据地图投影，当真实地图比例发生变化时，环尺寸（甚至形状）可能会根据位置而变化，例如，如果从格陵兰岛移动到非洲，这些距离将为50公里，200公里，500公里和1000公里。

GitHub:八至

作者：狐狸家的鱼

本文链接：类似比例尺功能的距离环

代码：

style：

html,
body {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.map {
  height: 100%;
  width: 100%;
}

html:

var

最低0.47元/天解锁文章

200万优质内容无限畅学