如何根据缩放级别加载图层?

2024-01-07

我想控制 OpenLayers 中的缩放。

当缩放为 3 时,我想加载 KML1,当缩放为 4 时,我想加载 KML2。

您能告诉我如何控制缩放事件吗?


正如 j_freyre 提到的,您应该注册一个函数,该函数会更改 KML 图层的可见性到“zoomend”事件。在你的情况下,它必须看起来像这样:

map.events.register("zoomend", map, zoomChanged);

zoomChanged()
{
  zoom = map.getZoom();
  if (zoom == 3)
  {
    kml1.setVisibility (true);
    kml2.setVisibility (false);
  }
  else if (zoom == 4)
  {
    kml1.setVisibility (false);
    kml2.setVisibility (true);
  }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何根据缩放级别加载图层? 的相关文章

  • Vue + OpenLayers 实时定位(一) 前端展示

    文章目录 前言 一 定义标签样式 二 模拟 GeoJSON 数据 三 创建 VerctorLayer 四 构建地图 五 模拟实时移动 总结 前言 本系列文章介绍一个简单的实时定位示例 示例的组成主要包括 服务后端 使用 Java 语言编写
  • 基于openlayers的最短路径规划

    之前的文章讲到了如何构建空间数据库 矢量数据如何入库 如何构建拓扑网络 如何自定义查询函数 如何构建wms服务 本文讲解如何基于openlayers晚上最短路径规划功能 一 基于openlayers3 1 构建网页 这里只是一个简单的网页
  • openlayers绘制范围圆

    drawCircleByStation参数是坐标 lng lat 绘制范围圆taylor drawCircleOld centerPosition radius 2000 callback color fff text let featur
  • OpenLayers的点击事件

    OpenLayers的点击事件是附加在整个ol Map对象上的 var selectSingleClick new ol interaction Select map addInteraction selectSingleClick sel
  • openlayers绘制圆形区域,消除误差的一种方法

    我需要以某点为圆心 以某长度 单位米 为半径 在地图上绘制圆形区域 前提 地图显示 图层和数据源的创建与设置方法这里就不详细描述了 直接上关键部分 一开始 我使用如下代码实现圆形区域的绘制 绘制以坐标 1 1 为中心 200000米为半径的
  • vue+openlayer实现:拖拽、旋转、缩放、拉伸、移动等功能以及对应的监听事件

    前言 openlayer 是有他自己的扩展插件 ol ext 我们这里用他来实现图形的操作 拖拽 旋转 缩放 拉伸 移动等等功能 以及他的监听事件 毕竟我们作图以后是需要保存数据给后端 存到数据库的 相关资料 1 ol ext官方地址 入口
  • openlayers 3 之 getPixelFromCoordinate 为空

    在地图容器发生变化后 再调用其方法进行定位 暂时 报错setPosition的错误 跟踪源代码 发现是map getPixelFromCoordinate为null值 查找资料 发现是map还没有渲染完成 所以报错 解决办法 1 添加pos
  • GeoServer 安装教程

    准备内容 安装环境 win10 64位专业版 安装文件 geoserver 2 15 2 安装步骤 安装JDK 1 安装GeoServer是基于Java的环境 所以需要先装Jdk环境 2 前往官网下载Java SE http www ora
  • 如何在OpenLayers中获取多边形的坐标

    我一直在寻找如何确定 OpenLayers 中组成多边形 要素 的点的坐标 假设我创建了一个像下面这样的多边形this例子 我需要知道组成多边形的点 这样我就可以将它们保存在某个地方 我敢打赌这很容易 我只是找不到任何东西 可能我不知道我应
  • 将 OpenStreetMaps 与 Cordova 集成

    我想知道你们是否知道如何将开放街道地图 OSM 与科尔多瓦一起使用 这几天都在找 我能得出的结论是 我不应该直接使用 OSM 的 API 因为如果我有太多调用 他们的服务器会阻止我 所以有免费的开源名称 例如 1 Openlayers 2
  • TypeScript + OpenLayers 7:设置和获取功能 ID 失败

    我有一张带有两个自定义按钮的地图 绘制多边形 and 删除功能 它允许我绘制和删除绘制的多边形 此外 我为多边形创建了一个测量叠加 显示了它们的面积 见图 为了识别多边形和覆盖层之间的连接 我尝试在它们上设置相同的 id 以便在删除多边形时
  • 更改 OpenLayers 地图中的投影

    我想将 EPSG 4326 设置为 OpenLayers 地图的投影 但当我尝试时 我总是得到 EPSG 900913 function init var options projection new OpenLayers Projecti
  • 有没有办法使用 OpenLayers 更改 openstreetmap 中某些要素的颜色?

    我正在使用 OpenLayers 来显示 openstreetmap 有没有办法编辑地图上的某些功能 例如改变水的颜色 消除国家之间的边界等 如果不能使用 JavaScript 来完成 我猜还有其他方法可以做到这一点 比如托管您自己的地图版
  • 如何使用Openlayers地图

    我对这个 openlayers 地图完全困惑了 即使有很多例子和维基 我也找不到如何重用它 我的意思是我想显示我的城市地图 可由管理员管理 管理员可以添加点和位置 并且它应该显示在前端 请帮我看看该怎么做 Like Conley写道 开放层
  • Openlayers 3 将 EPSG:4326 矢量重新投影到 EPSG:3857

    我需要将 GeoJSON 矢量数据从 EPSG 4326 转换为 EPSG 3857 我有一张地图 var olMapDiv document getElementById olmap control map new ol Map targ
  • openlayers:使用 MVT VectorTileSource 进行集群不可能吗?

    我是 openlayers 的新手 我想使用cluster矢量数据的函数 如果我指示为 这似乎不起作用source 在 Cluster 选项中 MVT VectorTileSource 代码如下 没有集群也能正常工作 不支持吗 谢谢 彼得
  • Openlayers 3 中的拖放功能

    OpenLayers 2 OpenLayers Control DragFeature 功能的等效项是什么 我需要向地图添加一个可以用鼠标移动的图标 当掉落时我需要捕捉事件 在 OpenLayers 2 中 描述的功能是 new OpenL
  • OpenLayers:放大或缩小后,被破坏的特征会重新出现

    我有一个 OpenLayers Bing 地图应用程序 可以显示危险废物站点 用户可以单击链接来切换地图上站点的子站点 当我通过调用层上的 destroyFeatures 来关闭子站点 它们是向量层上的点 时 它们会按预期消失 但是 如果我
  • Flutter 和 Openlayers - 包括 flutter 中的 js 库

    来自基于 js cordova 的跨平台领域 我最近正在深入研究 flutter 所以我想知道直接使用 flutter 中的各种 js 库的选项 更具体地说 我有兴趣在 flutter 中使用 openlayers 库来创建具有各种绘图和编
  • 开放层。如何刷新集群?

    我动态地将功能添加到集群中 但是 据我所知 集群不起作用 我的图层定义如下 var source new ol source Vector var cluster new ol source Cluster distance 10 sour

随机推荐

  • 如何预先计算有效的组合数量而不是使用 while 循环?

    给定数据中心列表 dc1 dc2 dc3 和机器列表 h1 h2 h3 h4 如下所述 Datacenters dc1 dc2 dc3 Machines h1 h2 h3 h4 我只想生成以下组合 a dc1 h1 dc3 h3 dc2 h
  • 在Android中使用Ada代码

    Android 中是否有可能使用旧的 Ada 代码 我有一个用 Ada 编写的旧脚本 如果我可以直接在 Android 中使用该代码 通过 NDK 或 JNI 等 那就太好了 这可能吗 或者我应该移植代码 以下是我找到的一些链接 但我不太明
  • 角度日期解析意外输出

    我正在尝试使用显示日期date动作 但它给出了奇怪的输出 mydate date mm dd yyyy 该月份似乎不一致且不正确 这是怎么回事 你需要使用MM显示月份 mydate date MM dd yyyy 来自文档 https do
  • fork() 子进程和父进程

    我正在尝试创建一个使用 fork 来创建新进程的程序 示例输出应如下所示 这是子进程 我的 pid 是 733 我父母的 id 是 772 这是父进程 我的pid是772 我孩子的id是773 这就是我编写程序的方式 include
  • 如何更改 Material UI 中的选项卡宽度

    我正在使用 Material UI 选项卡 v0 20 0 以表格格式显示内容 选项卡采用全宽 我附上了预期和当前输出的屏幕截图 Expected output Current Output 请让我知道同样的解决方案 如果您想要固定宽度的选
  • 如何将 NSArray 存储在 NSDictionary 中?

    我正在尝试自学 但正在努力解决如何在 NSDictionary 中存储 NSArray 等内容 假设您有一个用于食谱的 NSDictionary 假设 NSDictionary 有如下键 意大利细面条 阿尔弗雷多宽面条 烤鸡肉沙拉 NSDi
  • 在仅包含该语句的方法中用简单赋值替换 Volatile.Write() 是否安全?

    这是C 多线程中的一个高级问题 假设我有这样的代码 用作锁定机制 仅允许一个线程启动某些操作 private static int guard 0 private static bool acquire return Interlocked
  • 在移动服务数据库上启用代码优先迁移时出错

    我有一个最近创建的 Azure 移动服务项目 C 后端 并将其附加到 Azure SQL 数据库 我一直在尝试在该支持数据库上启用代码优先迁移 但当我尝试更新数据库时它会引发错误 我完成了启用迁移的所有常规步骤 启用迁移 添加迁移 但是当我
  • 从 dict 返回前 N 个键:值对

    考虑以下字典 d d a 3 b 2 c 3 d 4 e 5 我想返回 d 中的前 N 个键 值对 在本例中为 N 不存在 前 n 个键这样的事情 因为dict不记得首先插入了哪些键 你可以得到anyn 个键值对 n items take
  • Android LinearLayout 或RelativeLayout 帮助

    我需要以编程方式创建两个视图 因为我需要访问其中一个视图的 ondraw 由于某种原因 无论我如何将视图添加到内容视图 它们都不会垂直堆叠显示 一个在另一个下面 我可以使用具有RelativeLayout 和布局定位的XML 来完成此操作
  • 如何使用自制程序安装 PCRE?

    背景 我有一个正则表达式 我想跨多行运行 我的理解是 OSX 的 grep 无法处理这个问题 如果我错了 请纠正我 因此 经过一番谷歌搜索后 我发现 PCRE 可以满足我的要求 我尝试安装它brew install pcre正如一些网站所建
  • 使用 Perl 删除注释

    是否有任何正则表达式能够从 perl 中的给定 C 程序中删除 和 品种的所有注释 对于多行程序 应该使用正则表达式删除注释并返回未注释掉的部分 Thanks 尝试用Regexp Common comment http search cpa
  • 组合两个正态随机变量

    假设我有以下 2 个随机变量 X 其中平均值 6 标准差 3 5Y 其中平均值 42 且标准差 5 我想根据前两个随机变量创建一个新的随机变量 Z 并知道 X 发生 90 的时间 Y 发生 10 的时间 计算 Z 的平均值很容易 0 9 6
  • 暂时禁用 Delphi 中 TvertScrollBox 组件的滚动?

    我正在 Delphi Rad Studio XE10 1 Berlin 中为 IOS 和 Android 设备制作应用程序 但遇到了问题 在表格中 我有一个TvertScrollbox 其中有许多组件要显示 其中之一是Tlistview 问
  • 自 Node v0.12.2 起的负载平衡 - 集群、pm2 或 nginx

    对于 Node v0 12 2 集群模块支持循环 RR 负载平衡 https strongloop com strongblog whats new in node js v0 12 cluster round robin load bal
  • 如何在待机模式下不让线程自行停止?

    在我的应用程序中 我在与主线程 UI 不同的线程中创建了一项服务 然后 在服务中 我创建了另外 3 个在后台无限期执行的线程 但一旦手机进入待机模式 这些线程就会暂停执行 相反 如果我通过 USB 电缆将手机连接到电脑 我会看到线程正常工作
  • 表值函数 - 输出中忽略排序依据

    我们正在从 SQL Server 2008 迁移到 SQL Server 2012 并立即注意到所有表值函数不再以正确的排序顺序传递其临时表内容 CODE INSERT INTO Customer SELECT Customer ID Na
  • 如何在 javascript 中获取特定 HTML 标记的所有元素?

    我需要隐藏文档中除具有特定 ID 的元素之外的所有 节 类型的元素 在 jquery 中这很容易 section hide section myId show 如果没有 jquery 我该怎么做 我需要它在页面加载后立即发生并且不引人注目
  • 使用 Neo4j 服务器 Web 界面在公共网站上进行可视化

    我正在研究我即将推出的图形数据库项目的可视化选项 工作的一部分是为公共网站访问者提供数据的交互式可视化 标准 Neo4j 服务器 Web 界面可以完成我需要的所有功能 甚至更多 我想知道是否可以简单地将其嵌入网页或提供一个公共 URL 无需
  • 如何根据缩放级别加载图层?

    我想控制 OpenLayers 中的缩放 当缩放为 3 时 我想加载 KML1 当缩放为 4 时 我想加载 KML2 您能告诉我如何控制缩放事件吗 正如 j freyre 提到的 您应该注册一个函数 该函数会更改 KML 图层的可见性到 z