如何在地图div之外添加Leaflet Routing Machine控件

2024-01-06

Leaflet 路由机 http://www.liedman.net/leaflet-routing-machine/容器div默认显示在地图上,我想将此div放在地图下方。有什么线索可以做到这一点吗?


因此,您需要在地图div之外添加一个传单控件。这是一个解决方案。

  • 在您想要添加控件的位置创建一个 Div,并将其放置在页面上您想要的位置
  • 启动您的控件并将其添加到变量中,就像我在本例中所做的那样

    var control = L.Routing.control({
      waypoints: [
        L.latLng(57.74, 11.94),
        L.latLng(57.6792, 11.949)
      ]
    });
    
  • 添加您的control如下图所示

    control._map = map;
    var controlDiv = control.onAdd(map);
    
  • 最后将您的控件添加到最初定义的 html div

    document.getElementById('controls').appendChild(controlDiv);
    

这是一个工作fiddle http://jsfiddle.net/zafrii/Lon6nkg6/

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

如何在地图div之外添加Leaflet Routing Machine控件 的相关文章

  • 是否可以将 SVG 对象的自定义属性设置为数字而不是字符串?

    我正在为 SVG G 元素 SVG 组对象 分配人工属性 我通过 SVG 转换移动该组及其内容 并将该组的 x y 坐标及其宽度 高度存储在这些属性中 我正在使用 D3 Javascript 库和调用 embeddedElemContain
  • 在 HTML TextArea 中设置(或读取)光标/插入符的值

    我正在尝试 但失败了 在 HTML 文本区域中实现拖放机制 使用 jQuery 或 Scriptaculous 我们都使用 拖放机制相对容易 因此我愿意接受使用这两者之一的答案 问题是 我似乎找不到读取或设置插入点的方法 我最终想要做的是确
  • 每 x 秒重复一次代码,但如果 [在此处插入检查] 则不重复

    这是后续这个问题 https stackoverflow com questions 13304471 javascript get code to run every minute 我在那里找到了如何使代码每 x 秒重复一次 是否有可能举
  • 我应该选择哪个 redux 中间件?

    按照指南 我发现了一些用于 redux 应用程序的中间件 Redux 重击 https github com gaearon redux thunk Redux 承诺 https github com acdlite redux promi
  • 发送电子邮件的 Google Apps 脚本语法错误。无法识别我的问题

    我正在尝试让 Google 工作表从工作簿中另一张工作表的长列表中发送个性化电子邮件 我使用了教程 因为我是所有编码语言的认证新手 但 AppScript 告诉我第 4 行有语法错误 我一生都无法弄清楚我做错了什么 但我确信当由具有这些合法
  • 为什么我在 ECMAScript / ActionScript 3 中看到不精确的浮点结果?

    大家好 让我们直接跳到代码示例 以展示 ECMAScript JavaScript AS3 如何无法正确执行简单的数学运算 AS3 对 Number 类使用 IEEE 754 双精度浮点数 据说与JavaScript 中使用的 trace
  • Collada 模型面在 Three.js 中无法正确显示

    将 collada 模型导入到 Three js 后 模型的某些面只能从模型内部看到 从外部看不到 如何解决相关面孔的问题 是否可以让模特的脸部从两侧都可见 它无法正常工作的原因是您的文件设置了此双面标志
  • 使用时间序列数据和scaleBand指定D3条形图上的刻度

    我尝试为具有时间序列数据的 d3 v4 条形图指定多个刻度和多个刻度标签 如下图所示 基于本教程 https bl ocks org zigahertz 1ee4965ff76514517bb7ce6af21e5d44我有一个处理时间序列数
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • Protractor - 等待多个元素

    我正在尝试等待页面上的多个元素 我不知道可能有多少个 但至少会有一个 我知道使用以下命令等待单个元素 效果很好 var EC protractor ExpectedConditions browser wait EC presenceOf
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • jQuery 选择器在控制台中不起作用

    我一辈子都无法解决这个问题 我正在运行 js 容器状态 是页面上正在运行的 js 的控制台日志 它显示一个选择器 但如果我想在控制台中执行任何操作 它只会返回 null 我假设我在某个地方过度编写了 jQuery 函数 就好像我调用了 jQ
  • 适用于 HTML5 混合应用程序的 CORS

    我读过很多关于 CORS 的文章 以及允许 Access Control Allow Origin 如何成为 Web 服务器的安全漏洞 但没有一篇文章解释了如何允许 HTML5 混合应用程序访问某些不允许使用通配符 的域上托管的 Web 服
  • 如何使用 JavaScript 禁用滚动条?

    当我仅在 Internet Explorer 7 中显示代表模式窗口的 div 时 我需要锁定浏览器滚动条 谷歌搜索我发现我可以使用document body style overflow hidden 但这不适用于 IE7 我也尝试过do
  • 变量值的 swap() 函数[重复]

    这个问题在这里已经有答案了 我无法达到下面这个交换函数的预期结果 我希望将值打印为 3 2 function swap x y var t x x y y t console log swap 2 3 任何线索将不胜感激 您的函数正在内部交
  • Electron Auth0Lock“原始文件://不允许”

    尝试让 auth0 与我的电子应用程序一起使用 当我按照默认教程并尝试使用用户名 密码 身份验证进行身份验证时 锁定失败并显示 403 错误 并响应 不允许使用 Origin file 我还在 auth0 仪表板中客户端设置的允许来源 CO
  • 保存 dat.gui 预设以动态添加控件?

    我正在向 dat gui 界面动态添加控件 但 保存设置 功能无法识别它们 var mygui new dat GUI mygui remember mygui standard way of adding a control mygui
  • Chrome 上的 contenteditable 中未显示编辑光标

    当您打开此页面时 请参阅现场演示 http jsfiddle net gs3p1a6r 3 show 与 Chrome span span CSS myspan border 0 outline 0 JS myspan focus the
  • 从另一台服务器读取 Node.js 中的大文件

    我有两台相互通信的服务器 Server1 向 Server2 请求文件的部分内容 并将收到的数据存储到一个文件中 Server2 应该接收每个请求并创建一个流管道传输数据 假设服务器2中存储的文件 目录 如下 bigfile gz bigf
  • 查看元素的所有 dom 事件

    我有一个 jQuery UI 日期选择器 当您单击日期时 它会清除我的 URL 哈希值 并且不会更改文本框中的日期 我假设某个地方还有其他一些 JavaScript 实用程序 它也正在调用某种委托事件 抛出错误并终止 jquery 处理程序

随机推荐

  • 如何让div中的文本始终位于中间?

    我试图让文本保留在可调整大小的 DIV 中间 这是例子 CSS rightmenu position absolute z index 999999 right 0 height 60 text align center HTML div
  • 如何从 iOS 设备的 iPod 库导出 mp3 文件?

    在我的 iOS 应用程序中 我试图导出mp3文件从 iPod 库复制到设备上应用程序的文档目录 目前我正在尝试使用AVAssetExportSession但它不适合mp3文件 它适用于m4a files 是否可以使用 AVAssetExpo
  • 独立实施和托管实施之间是否存在有意义的区别?

    我的问题主要与第四节第六段 http www iso 9899 info n1570 html 4 p6 合规实施的两种形式是托管式和独立式 合格的托管实施应接受任何严格合格的程序 据我了解 这构成了典型的应用程序环境 包括文件系统 分配的
  • 通过单击缩放按钮放大和缩小图像(Javascript)

    我正在尝试通过两个缩放按钮 和 放大和缩小图像 问题是当图像为全屏尺寸 宽度 100 时 放大 会停止 我需要将图像缩放到比屏幕尺寸大得多 只是不知道如何做到这一点 我是 Javascript 初学者 所以我希望有人有动力帮助我解决这个 J
  • 日期转换程序中的奇怪错误

    我无法修复代码中的奇怪错误 我编写了一个程序来打印最初以 MM DD YYYY 格式编写的日期 格式为 月 DD YYYY 该程序很简单 我将日期存储在char数组 然后用strtok我分别获取月 日 年并存储指向它们的指针 在一个char
  • 如何将 std::string 传递给需要 char* 的函数? [复制]

    这个问题在这里已经有答案了 可能的重复 我可以从 C 字符串中获取非常量 C 字符串吗 https stackoverflow com questions 1919626 can i get a non const c string bac
  • BASH 中多列文件的反向排序顺序

    我有以下文件 1 2 3 1 4 5 1 6 7 2 3 5 5 2 1 我希望文件按第二列排序 但从最大数字 在本例中为 6 到最小数字 我尝试过 sort 1 2 file dat 但它按升序排序 而不是降序 结果应该是 1 6 7 1
  • 命令是否从 shell 脚本中的当前目录运行?

    在 bash shell 脚本中我尝试了这两个版本 java jar abc jar and CMD java jar abc jar CMD 第一个版本可以工作 第二个版本则抱怨找不到 abc jar 为什么 命令确实从 shell 脚本
  • 使用命令行开关将 PDF 另存为文本 - 可以做到吗?

    我需要使用命令行开关来执行 另存为文本 命令 理想情况下 我想要 使用命令行开关打开 PDF 使用命令行开关通过模仿 另存为文本 命令将 PDF 转换为文本文件 使用命令行关闭 PDF 这可能吗 如果是这样 那么有人知道该怎么做吗 也许你可
  • JavaFX 中的 MVVM。具有数据模型的控件

    我在fxml文件中定义了一个TableView 但我无法指定表的列 因为表将具有一些数据模型知识 这会违反MVVM 我创建了一个类 它提供 TableColumn 的集合并提供数据模型 我想更改相对于表中所选项目的按钮状态 如何在不违反MV
  • 为什么 (0 < 5 < 3) 返回 true?

    我在 jsfiddle net 上玩 我很好奇为什么这会返回 true if 0 lt 5 lt 3 alert True 这也是如此 if 0 lt 5 lt 2 alert True 但这并没有 if 0 lt 5 lt 1 alert
  • 将用户控件转换为服务器控件

    我想知道是否有人有将用户控件转换为 Web 控件的经验 理想情况下 我想将一些设计工作交给其他人 他们会给我精心布置的用户控件 然后 我就可以完成转换 编译 测试和部署的过程 在微软提出神奇的 转换为服务器控制 选项之前 看起来我一直坚持从
  • ImageIcon 的 getResources() - java

    我的第一个问题 几天来我一直试图解决这个问题 但我已经失去了耐心 以下是一些代码和我的项目结构 问题 我怎样才能得到getResources 在 eclipse 中工作并导入到 jar 后 谢谢您的帮助 public enum Icons
  • UIView 子类 initWithFrame 没有被调用?

    我有一个自定义 UIView 子类 在 IB 中 我指定了一个 占位符 UIView 并将该类设置为我的类名 我对 drawRect 方法的重写正在工作 并且背景着色正确 但 initWithFrame 没有触发 为什么 id initWi
  • 是否可以在 iOS 模拟器中进行边缘滑动?

    iOS 7 提供了UIScreenEdgePanGestureRecognizer它检测从屏幕边缘向内的滑动 可以使用Xcode中的iOS7模拟器来模拟这个手势吗 在屏幕区域外单击并拖动只会移动整个模拟器框架 在模拟器版本 11 4 上 我
  • 带有按列搜索字段的 Jhipster 表

    我在我的应用程序中使用 jhipster 我有一个表 我添加了分页和排序 但我还想在列中添加搜索字段 这可能吗 会是这样的http ng table com http ng table com 我的 HTML 是 div class tab
  • 使用 Python 的 Paramiko 自动执行 ssh 连接和程序执行

    我想使用 python 自动执行特定任务 除其他事项外 此任务包括使用 ssh 连接到远程服务器 并运行特定程序 称为prog out that 可能会也可能不会要求用户输入 经过一些研究并权衡我的选择后 我决定使用 Python 的 Pa
  • Google Datastore 强一致性和实体组最大大小

    在共享费用应用程序中 显示每个组的付款费用和共享费用详细信息 作为金融应用 很多操作都是事务性的 这就需要强一致性来保证数据的完整性 我们使用了实体组和祖先查询 这似乎解决了强一致性的问题 这导致了实体组的规模很大 由于共享 团体 现在是成
  • 反应:赋值左侧无效(NULL)

    我正在尝试提取名为tests stats 的个人函数的输出 我做了一个函数return陈述 return c list test 1 list test 2 list test 3 list test 4 其中每个list test i i
  • 如何在地图div之外添加Leaflet Routing Machine控件

    Leaflet 路由机 http www liedman net leaflet routing machine 容器div默认显示在地图上 我想将此div放在地图下方 有什么线索可以做到这一点吗 因此 您需要在地图div之外添加一个传单控