程序员经验分享-hwhale

检索Leaflet当前的比例值

2023-11-29

是否可以获取Leaflet组件当前的scale值？

Map scale of Leaflet

上图显示了我想通过某种方法检索的“300 公里”或“100 英里”。现有文档仅显示如何使用特定选项添加比例控件：http://leafletjs.com/reference.html#control-scale


请注意低缩放级别的比例（当您看到世界的很大一部分时）。

您看到的比例实际上对于地图视图的中心水平线有效。甚至地图的一角，它所在的位置也有轻微的错误！

如果你只是想“复制”它visual如果要在其他地方进行缩放，您可以简单地创建另一个比例控件并提取其 HTML 容器，而不是将其嵌入到地图中：

document.getElementById("myNewContainerId").appendChild(
    L.control.scale(options).onAdd(map)
);

如果您想读取比例控件的实际像素长度和文本，您可以通过内部检索它们_mScale.style.width and _mScale.innerHTML比例控件的属性。代替_mScale by _iScale如果您想要英制值而不是公制值。

否则，如果您希望能够测量地图上两点之间的距离，您应该使用myLatLng.distanceTo(otherLatLng) method，这会更准确，因为它不仅会在myLatLng实际纬度，但也纠正沿途可能存在的不同比例otherLatLng如果它放置在不同的纬度。

返回到使用半正弦公式计算的给定 LatLng 的距离（以米为单位）。看维基百科上的描述

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

javascript

leaflet

检索Leaflet当前的比例值 的相关文章

  • onYouTubeIframeAPIReady 函数未调用

    我想打电话onYouTubeIframeAPIReady函数 但这没有触发 我只得到frameID在控制台中 但其他函数没有被调用 document ready function var player var ytsrc video hol

  • Javascript：如何检查异步操作是否仍在挂起/正在进行中？

    我想知道是否可以以某种方式检查 Javascript 中的异步操作是否仍处于待处理状态 因为我正在执行调用特定 URL 的数据库请求 虽然 db 调用仍在进行中 但我想停止任何其他传入的 db 调用 这意味着 停止对该 URL 的任何进一步

  • 为什么 `obj.foo = function() { };` 没有将名称 `foo` 分配给函数？

    从 ES2015 ES6 开始 函数有了专有名称 包括官方名称 name属性 而函数创建时的赋值除了明显的函数声明和命名函数表达式之外还有多种方式 比如给变量赋值 函数的名字设置为变量的名字 给对象属性赋值 函数的名称设置为属性的名称 甚至

  • 如何从ArrayBuffer中获取二进制字符串？

    JavaScript中如何从ArrayBuffer中获取二进制字符串 我不想对字节进行编码 只需将二进制表示形式获取为字符串 提前致谢 以下代码将一致地转换ArrayBuffer to a String并再次返回 而不会丢失或添加任何额外的

  • browserify 错误 /usr/bin/env: 节点: 没有这样的文件或目录

    我通过 apt get install 安装了 node js 和 npm 以及所有依赖项 然后安装了 browserify npm install browserify g 它完成了整个过程 看起来安装正确 但是当我尝试为此做一个简单的捆

  • 如何制作像Stackoverflow一样的可折叠评论框

    我正在构建一个网站 并且有一个状态更新列表 我希望允许用户为列表中的每个项目撰写评论 但是我正在尝试实现一个类似于堆栈溢出工作方式的用户界面 特别是可折叠的评论表单 列表 用户在其中单击对列表中的特定状态更新添加评论 并且在列表中的该项目下

  • 如何在 Chrome 中实现抓取光标图标？

    我知道可以在 Chrome 中使用抓取光标图标 当然是在 Gmail 中 但我不知道如何在我的代码中实现它 我已经尝试过 在CSS中 body cursor grab body cursor webkit grab body cursor

  • 通过 HTML5 文件和 URL API 正确创建和提供 PDF Blob

    好吧 假设我有文档数据存储在某处 让我们任意取this pdf http www grida no climate ipcc tar wg1 pdf tar 01 pdf 问题 1 我想要做的是对此 URL 进行 AJAX 调用 因为我需要

  • 未捕获类型错误：无法解析模块说明符“fs”。相对引用必须以“/”、“./”或“../”开头

    当我尝试在我自己的模块中导入 fs 模块时 例如import as fs from fs 浏览器控制台出现以下错误 Uncaught TypeError Failed to resolve module specifier fs Relat

  • 使用 easyXDM 调整 IFrame 大小

    我将 iFrame 代码提供给客户 以便他们可以显示我网站上的动态内容 我希望其页面上的 iFrame 能够调整大小以适合我的内容 我按照 easyXDM 网站的说明进行操作 但也许我遗漏了一些东西 我没有收到任何错误 但 iFrame 保

  • 为什么我的 onclick 事件自动触发

    加载页面时最初显示 Hello World 我希望它仅在单击按钮后显示 我知道我可以通过向按钮添加内联事件侦听器来做到这一点 我可以只用脚本编写所有这些代码吗

  • 如何获取数组中最后 5 个元素（不包括第一个元素）？

    在 JavaScript 数组中 如何获取最后 5 个元素 排除第一个元素 1 55 77 88 would return 55 77 88 添加其他示例 1 55 77 88 99 22 33 44 would return 88 99

  • 使用 ES6 模块导出/导入单个类方法？

    假设我有一个像这样的简单课程fileA js class foo constructor x this name x fooMethod x return x hello 我想导入并使用fooMethod in fileB js像这样 im

  • Relay 中的嵌套片段数据始终相同

    我是 Relay 新手 并且遇到了片段上嵌套数据的问题 当我在 graphiql 中进行测试时 以下查询返回正确的数据 因此我确信我的架构是正确的 viewer customers name billing address city 但是

  • 正则表达式 - 避免表达式中出现字符串

    我正在尝试创建一个应该匹配以下情况的正则表达式 如果单词完全匹配 first second third 那么匹配应该失败 但如果它周围有任何字符 那么应该匹配该字符串 我还需要避免字符串中的某些字符集 如果这些字符是字符串的一部分 则匹配结

  • 比较 javascript 元素和 scala 变量的 Play 框架 Twirl 模板

    如下面的代码示例所示 我想比较 scala 辅助元素内的 javascript 元素 然而 即使存在元素 abcde 它也始终返回 false 除了使用标签之外 如何获取 scala 辅助元素内的 javascript 值 appSeq S

  • 在外部单击时关闭弹出 div

    我有一个弹出 div 仅在单击特定按钮时显示 单击同一按钮时它甚至会隐藏 我的问题是 我还想在单击外部任何地方时隐藏 div 我无法这样做 因为弹出 div 位于主包装类内部 并且无法通过在包装类上使用 click 事件并使其隐藏来做到这一

  • 如何在 OpenLayers 3 中删除监听器

    我做了一个copy https gis stackexchange com questions 178222 how to delete a listener in openlayers 3我在 stackoverflow 上提出的问题 因

  • 在 中动态添加链接样式表 [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 如何将链接

  • 地址更改时如何停止 Angular 重新加载

    我正在使用 Angular 的scrollTo and anchorScroll像这样 app controller TestCtrl function scope location anchorScroll scope scrollTo

随机推荐

  • 在闪亮的应用程序中选中/取消选中列后，数据表中编辑的单元格将恢复其原始值

    这是这个的延伸post 在编辑可编辑数据表中的任何单元格后 选中 取消选中某些列 该单元格将返回其原始值 我不知道为什么会发生这种情况 有谁知道我该如何解决这个问题 预先非常感谢您 library shiny library DT libr

  • SQL Server 中的转义字符

    我想使用带有转义字符的引号 当有特殊字符时 如何避免出现以下错误 字符串后面未闭合的引号 您可以像这样转义引用 select it s escaped 结果将是 it s escaped

  • 将矩阵转换为一维数组

    我有一个矩阵 32X48 如何将矩阵转换为一维数组 要么用 scan 读取它 要么只在矩阵上执行 as vector 如果您想要按行或按列转置矩阵 您可能需要先转置矩阵 gt m matrix 1 12 3 4 gt m 1 2 3 4 1

  • Android 中的内存分析工具？

    我只是想知道如何在 android 中使用内存分析器工具 请告诉我如何执行此操作以了解特定项目的内存泄漏 有人可以给我一步一步的程序吗 在 Eclipse 中打开 DDMS 透视图 Select Devices tab 选择您想要转储的进程

  • 为什么 hadoop 无法识别我的 Map 类？

    我试图在 hadoop 2 2 0 上运行我的 PDF 字数统计 mapreduce 程序 但出现此错误 13 12 25 23 37 26 INFO mapreduce Job Task Id attempt 1388041362368

  • Excel VBA：后期绑定参考

    我正在尝试为 Excel 中的加载项编写一些代码 该加载项从 SQL Server 获取一些数据 代码本身运行完美 但不知何故有些东西被损坏了 看起来代码可以正常工作几次 然后突然触发 Excel 崩溃 经过很长一段时间 我确定它与引用有关

  • 导入服务时，我应该将它们导入到 NgModule 中的“imports”数组还是“providers”数组中？

    来自 Angular Doc def 关于imports in NgModule is 指定模块列表 其导出的指令 管道应可供该模块中的模板使用 And providers 定义此模块的注入器中可用的可注入对象集 所以这是问题 当我想使用第

  • SwiftUI：如何使 TextField 适合多行内容？

    在附加的代码示例中 我的文本字段中有很多额外的顶部间距 如果我将内容更改为只有一行 例如 内容 那么它就很合适 如何为多行文本获得与单行相同的紧密配合行为 预览和代码是使用 Xcode 11 1 Swift 5 1 制作的 import S

  • 文件夹 getParents 无法在 Google 脚本中获取团队云端硬盘名称

    我正在尝试使用脚本在团队驱动器中构建文档的完整路径 代码如下所示 var path var folder id getParents while folder folder hasNext var f folder next path un

  • Discord.net 无法使用 NAudio 传输音频

    我想在语音频道中播放 mp3 文件 BOT成功可以连接 但不播放任何内容 并抛出异常 Code public async Task SendAudioAsync IGuild guild IMessageChannel channel st

  • 设置 pandas 数据框中的列顺序

    有没有一种方法可以根据我的个人喜好对 pandas 数据框中的列重新排序 即不是按字母或数字排序 而是更像遵循某些约定 简单的例子 frame pd DataFrame one thing 1 2 3 4 second thing 0 1

  • 是否可以在同一台电脑上安装 python 3 和 2.6？

    我该怎么做 原因是我想尝试一些 pygame 但我目前安装了 python 3 并且一直在学习它 我也有兴趣尝试 wxpython 或类似的东西 但我还没有查看它们的兼容性 编辑 我在 Windows Vista 64 位上 如果您使用的是

  • MPI、C、派生类型、向量结构？

    我需要创建一个 MPI 派生类型来表示程序中的类 该类相当简单 但很大 大约 75 个数据成员 所有数据成员都是单值 一维数组或二维数组 这是一个例子 class RestartData int dsr double firea2sorgn

  • 通过 pandas 绘图界面绘制带有第二个 y 轴的 pandas 数据框时设置图例位置 [重复]

    这个问题在这里已经有答案了 我正在通过 pandas 绘图界面绘制带有第二个 y 轴的 pandas 数据框 如中所述文档像这样 df pd DataFrame np random randn 24 3 3 index pd date ra

  • 如何使用 plsql-parser (ANTLR)

    我想在自动化测试中检查 PL SQL 查询语法 它看起来像https github com porcelli plsql parser可能对此有用 不过 我不容易找到如何安装和使用它 请注意 这是针对 Ruby 项目的 但我在 Java 方

  • Java 中的 FileNotFound 异常

    我是Java新手 我想将一些类字段值存储在HashMap中 然后将其写入文件 路径作为参数传递 然后恢复HashMap并获取所需的信息 在我的名为 Carte 的构造函数中 我收到一个异常 即找不到文件 无论如何它位于正确的位置并且保存的数

  • 从 div 标签而不是文本区域标签进行实时 HTML/CSS 预览

    我想要创建实时 HTML CSS 预览在一页上 但是使用textareas不会给出代码 该代码将固定在页面中 div 我希望用户能够更改代码这将反映在实时预览框中 我创建了一个页面 您可以在其中更改部分脚本文本 对于业余爱好者 您可以在这里

  • 将焦点设置在 WPF 中的文本框上

    如何将焦点设置在TextBoxWPF 中的元素 我有这个代码 txtCompanyID Focusable true txtCompanyID Focus 但它不起作用 任何想法 In XAML

  • 通过 API 创建 Shopify Webhook 时出错

    我正在尝试通过 API 创建 Webhook 当客户安装应用程序 控制器 时 def init webhooks topics products create products update products delete topics e

  • 检索Leaflet当前的比例值

    是否可以获取Leaflet组件当前的scale值 上图显示了我想通过某种方法检索的 300 公里 或 100 英里 现有文档仅显示如何使用特定选项添加比例控件 http leafletjs com reference html contro

热门标签