传单通过图层选择添加/删除图例

2024-04-05

我是 Leaflet/JavaScript 的新手,并且一直在努力让图例仅在从图层控件中选择特定图层时才显示地图。我有三层,其中一层我希望没有图例,另外两层有相应的图例。我遇到了一个例子,但未能使其工作:

// Add and remove legend from layers
  map.on('overlayadd', function (eventLayer) {
  // Switch to the Permafrost legend...
  if (eventLayer.name === 'Permafrost') {
    this.removeControl(legend1);
    legend2.addTo(this);
  } else { // Or switch to the treeline legend...
    this.removeControl(legend2);
    legend1.addTo(this);
}});

我用具体的例子创建了一个jsfiddle:

http://jsfiddle.net/gerlis/T8DHb/3/ http://jsfiddle.net/gerlis/T8DHb/3/

任何指导将不胜感激。


您的代码只需要进行一些更改。工作小提琴:http://jsfiddle.net/T8DHb/8/ http://jsfiddle.net/T8DHb/8/

当您更改基础层时,触发的事件不是“overlayadd”,而是“baselayerchange”:

map.on('baselayerchange', function (eventLayer) {

您应该只添加要为默认基础图层显示的图层来映射。我添加了永久冻土。

此外,您应该只向地图添加您想要与默认基础图层一起使用的图例。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

传单通过图层选择添加/删除图例 的相关文章

  • 根据纬度和经度识别哪个是多边形

    我有一张使用 leaflet js 绘制的地图 如果我给出经度和纬度值作为输入 我可以识别多边形吗 我可以获得一个客户端脚本吗 得到答复如下 这是基于 多边形中的点算法 function getPoint float x 89 824218
  • 缩放时传单形状会移动

    当我加载页面后放大时 会发生这种情况 https gyazo com 76b0458b1cd836a3b3d6ddaa493585da https gyazo com 76b0458b1cd836a3b3d6ddaa493585da 我是用
  • C# 字典循环增强

    我有一本包含大约 100 万个条目的字典 我不断地循环字典 public void DoAllJobs foreach KeyValuePair
  • Python:使用 FOR 循环插入字典

    我已经在论坛中进行了搜索 但不明白是否可以使用以下构造将新条目插入到我的 Python 字典中 而不将其转换为列表 for x in range 3 pupils dictionary new key input Enter new key
  • 编译时映射和逆映射值

    有人可以推荐一种更优雅的方法来实现这些编译时常量吗 template
  • 如何在书架中取出整数钥匙?

    我想在架子上存储一个整数密钥 但是当我尝试将整数密钥存储在搁置中时 它给了我一个错误 Traceback most recent call last File write py line 12 in data id Id id Name n
  • 如何在不指定值的情况下向 std::map 添加有效键?

    我有一个 std map 我想添加一个有效的键以稍后对其进行迭代 但不给出任何值 稍后将在迭代过程中给出 我现在就是这样做的 std vector
  • Android 中识别点击的图像区域?

    有没有办法在 Android 应用程序中确定用户单击了 ImageView 的哪个区域 例如 x y 坐标 谢谢 查看运动事件 http developer android com intl de reference android vie
  • 使用 leaflet.js 在点周围添加设定大小的正方形多边形

    有点奇怪 希望有人能帮忙 在传单中 一旦用户输入了纬度 经度并向地图添加了一个点 我希望能够在该点周围添加一个 10 公里的正方形 我尝试四处寻找计算方法来找到 x 公里外的正方形角点 但没有挖出任何东西 但肯定有更简单的方法 有人有想法吗
  • 根据多个值过滤字典列表

    我有一个字典列表 我想根据多个条件进行过滤 该列表的简化版本如下所示 orders name v price 123 location Mars name x price 223 location Mars name x price 124
  • 是否可以在 gnuplot 中设置标签相对于键的位置?

    我的情节的本质是这样的 绝对的标签并不能真正发挥作用 我无法限制 y 中的范围 所以想知道是否有办法将我的标签文本包含在键内或将其相对于键放置 即下面 set term png enhanced size 1024 768 set titl
  • 从数据帧字典中获取单独的数据帧 Python

    我有一本字典d充满了数据帧的集合 key type size value gm1 dataframe mxn gm2 dataframe mxN gm10 dataframe nxM 我想使用它们来一一输出这些数据帧keys作为新数据框的名
  • Leaflet Map - 第二个多边形使第一层不可点击

    我正在制作美国社区调查数据地图 目前我有一个主要层 如下所示plotMerge incomePerCapita 它运作良好 有一个完全充实的弹出窗口 图像等等 当我添加第二层以提供县和地区边界时 区域边界变得不可单击 似乎被新层掩盖了 如果
  • 如何从字典列表中查找键的值?

    如何从字典列表中获取给定键的值 mylist powerpoint color blue client name Sport Parents Regrouped sort order ascending chart layout 1 cha
  • Python Pandas groupby、排名,然后根据自定义排名分配值

    问题设置 大熊猫数据框 df pd DataFrame Group A A A A A A A A A Subgroup Group 1 Group 1 Group 1 Group 1 Group 1 Group 1 Group 2 Gro
  • 如何在python中合并具有相同键的嵌套字典

    我有一个这样的数据结构 SNAPSHOT SnapshotVersion 304 SNAPSHOT SnapshotCreationDate 2015 06 21 17 33 41 CafeData CafeVersion 2807 Caf
  • 如何读取 C# 字符串字典并将其写入文件?

    我有一个 Dictionary 对象 我想写入磁盘并能够从磁盘读取它 理想情况下 我会避免使用任何第三方库 有没有一种简单的方法可以使用常规 C 4 来做到这一点 答案已接受 Summary 选项 1 使用 JavaScriptSerial
  • 从 python 中的缩进文本文件创建树/深度嵌套字典

    基本上 我想迭代一个文件并将每行的内容放入一个深层嵌套的字典中 其结构由每行开头的空格数量定义 本质上 目标是采取这样的事情 a b c d e 并将其变成这样的东西 a b c d e Or this apple colours red
  • 将列表字典扁平化为数据框

    我有一个列表字典说 data a 80 130 b 64 c 58 80 如何将其展平并将其转换为数据框 如下所示 扁平化字典的一种选择是 flattened data k str i x for k v in data items for
  • 获取传单地图放大时的标记列表

    我是传单新手 我已按照以下步骤设置了地图https github com Asymmetrik ngx leaflet https github com Asymmetrik ngx leaflet 我正在尝试获取地图放大区域中的标记列表

随机推荐

  • 使用按钮在打印机中打印 jLabel 的图标[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我有一个带有图标的 jLabel 我想使用按钮在打印机 佳能 惠普 爱普生任何打印机 中打印该图标 我怎样才能做到这一点 有什么有用的代码
  • 在 MS Access 上与多个程序员一起工作

    您是否建议与多个程序员一起开发 MS Access 应用程序 我们的一款 MS Access 应用程序已经发展到了这样的程度 一名程序员无法在要求的时间范围内处理大量的更改 错误修复 和新功能 我们正在尝试使用 VBA 中未记录的 Save
  • 如何缩小自定义 Skobbler 离线地图应用程序的大小

    我正在将 Skobbler 地图集成到我的 iOS 应用程序中 目前 该应用程序的大小为 160Mb 这太大了 但我注意到已经集成了一堆地图 我想删除所有地图并让用户下载他需要的地图 现在 当我包含 SKMaps framework 时 其
  • Typescript 编译器突然开始生成错误

    我正在开发一个 Angular 2 项目 当我尝试运行打字稿编译器时 突然开始出现很多很多错误 有人可以建议从哪里开始搜索吗 我没有故意更改任何基本内容 即使当我从存储库克隆一个新副本时 错误仍然存 在 错误如下 node modules
  • Facebook SDK 3.1 - 错误:HTTP 状态代码:400

    自昨天 10 月 9 日起我已更新至 facebook SDK 3 1 后 我收到以下错误 错误 HTTP 状态代码 400 但就与 Facebook 连接而言 一切功能都完全正常 每次在我的应用程序上启动 Facebook 会话时 我都会
  • Rails 3 和图形数据库

    在 Postgresql 上运行的 Rails 3 应用程序需要切换到图形数据库才能成长 它们有很多 并且都提供不同类型的 API 主要是 REST 我深受启发talks http nosql mypopescu com post 3429
  • 如何使用 FFmpeg 在 C++ 中将 AVFrame 保存为图像

    在我的项目中 我想保存 Hevc 文件中的一帧 我在源代码中使用 FFmpeg 来解码 Hevc 文件并获取 AVFrame 和 AVCodecContext 我需要的是将框架保存为图片 全彩 我尝试将其保存为 pgm 文件 因此图片只是灰
  • isSet() 或运算符 void*() 或显式运算符 bool() 或其他什么?

    是什么最先进的关于函数检查值是否已设置 例如 下面的迭代器解析单元格 某些单元格包含值 其他单元格为空 最方便的方法是什么 struct iterator usage bool isset const if it isset bool is
  • 如何解决“错误 TS2351:无法将“new”与类型缺少调用或构造签名的表达式一起使用。”?

    我正在将一个名为 Auth js 的 js 文件 所以不是 ts 文件 导入到我的 Reactjs TypeScript 应用程序中 所以在我的组件中我有这个 import as Auth from Auth Auth const auth
  • 如何使用 Meteor js 触发自定义事件

    是否可以使用 Meteor 触发自定义事件 我发现触发自定义 jquery 事件不起作用 因为 Meteor 事件与 jQuery 是分开的 正如这里所讨论的 https stackoverflow com questions 106465
  • javax.naming.InitialContext 是线程安全的吗

    目前我正在使用以下代码来查找普通 POJO 类的 EJB3 无状态会话 bean 我们使用的是 JEE5 所以我们无法在普通 POJO 类中注入无状态会话 Bean 我必须使用查找 import javax naming Context i
  • 使用 pthread_create 时出现 valgrind 内存泄漏错误

    我正在使用 pthread 库编写一个程序 当我使用命令运行程序时valgrind leak check full 我得到以下错误描述 11784 11784 HEAP SUMMARY 11784 in use at exit 4 952
  • 分裂长长

    如何 拆分 即 long long 类型 以便它的第一部分位于 long 类型的 var 中 第二部分也位于 long 类型的 var 中 long long long type 0xaaaabbbbccccdddd 在第一个 int 中
  • textarea、tinyMCE 并在 textarea 中插入图像

    我想用 jquery 在文本区域中插入图像 我知道 img 标签无法插入到文本区域中 我正在使用tinymce img src image jpg class po
  • 如何仅导入子模块而不执行包中的 exec __init__.py

    当从包中导入子模块时 包文件夹中的 init py 文件将首先被执行 如何禁用它 有时我只需要一个包中的一个函数 导入整个包有点繁重 例如pandas io clipboard模块不依赖于 pandas 中的任何其他函数 from pand
  • iPhone 上的 CoreData 支持 IN 谓词吗?

    我正在尝试根据用户定义的类型列表来获取某种类型的一堆记录 fetchRequest setEntity NSEntityDescription entityForName myRecord inManagedObjectContext se
  • 如何在 Genymotion 虚拟设备上安装 Google 框架(Play、帐户等)? [复制]

    这个问题在这里已经有答案了 我目前正在尝试 Genymotion 天哪 它比 ADT 模拟器快得多 但我需要安装 Google Play 才能下载一些应用程序 我该怎么做呢 2017 年 5 月 28 日更新 据我所知 我不再支持此方法 并
  • MySQL 到 Oracle 语法错误(限制/偏移/更新)

    我有一个适用于我当前的 MySQL 数据库的 MySQL 查询 我被迫转向 Oracle 因此我尝试移植所有存储过程 程序以使用 Oracle SQL 语法 我在一个特定查询上遇到了很多麻烦 这是 MySQL 查询 它使用子查询更新表 up
  • 如何使用 Pandas 从 Excel 读取某些列 - Python

    我正在读取 Excel 工作表 并且想要读取某些列 第 0 列 因为它是行索引 和第 22 37 列 现在这就是我所做的 import pandas as pd import numpy as np file loc path xlsx d
  • 传单通过图层选择添加/删除图例

    我是 Leaflet JavaScript 的新手 并且一直在努力让图例仅在从图层控件中选择特定图层时才显示地图 我有三层 其中一层我希望没有图例 另外两层有相应的图例 我遇到了一个例子 但未能使其工作 Add and remove leg