如何使用JS和传单层控件更改基础层

2023-11-21

我必须修改现有的应用程序,其中使用传单图层控件 - 我需要在启动地图时显示基础图层之一。有没有办法,如何从 JS 脚本调用层控件中的某些函数 - 比如 control.select(1) ....?如果没有,如何以与控件相同的方式添加图块图层 - 当我在地图初始化期间添加新的 L.TileLayer 时,它不会被手动图层控件选择更改覆盖?


您可以尝试模拟用户单击传单图层控件,但有一种更简单的方法可以实现您最初描述的效果。

通常只需向地图添加一个图层(例如myTileLayer.addTo(map)),如果该层是图层控件的基础图层或叠加层,后者将自动更新其状态(如果您添加了基础层,则将相应地选择单选按钮;对于覆盖层,将勾选相应的复选框)。

现在我不确定我是否正确理解了您的最后一部分(“当我在地图初始化期间添加新的 L.TileLayer 时,它不会被手动图层控制选择更改覆盖”)。

如果您的意思是由于图层控件未更改您添加的图块图层而出现意外行为,则可能是由于您没有重复使用图层控件知道的图块图层:请勿使用new L.TileLayer, but re-use基础层或覆盖层之一。

例如:

var baselayers = {
    "Tile Layer 1": L.tileLayer(/* ... */),
    "Tile Layer 2": L.tileLayer(/* ... */),
    "Tile Layer 3": L.tileLayer(/* ... */)
};

var overlays = {};

L.control.layers(baselayers, overlays).addTo(map);

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

如何使用JS和传单层控件更改基础层 的相关文章

  • 如何更改传单弹出窗口的背景颜色?

    我正在使用 Leafletjs 创建地图 我想将弹出窗口 当前显示图像和链接 的背景颜色从白色更改为其他颜色 看起来基本的背景颜色 CSS 语法并不能解决这个问题 有什么建议吗 谢谢 斯科特 调用 leaflet css 后 您可以包含
  • 在运行时拖动窗体上的控件

    我刚刚开始使用 WPF 但我正在尝试添加我的代码 来自 Winforms 使用户能够在运行时将任何控件拖动到他们想要的任何位置 但我似乎无法获取鼠标当前的位置 呃 没有鼠标位置 在 Mouse 事件中 您可以使用 e GetPosition
  • 传单:同一页上有多个地图

    我搜索过类似的问题 但没有找到适合我的情况的答案 我想使用 3 张传单地图 每张都有不同的内容 出现两个问题 仅显示第一个 比例和缩放控件仅显示在第三个中 我附上了一个 jsfiddle 以防你能帮忙 const mapbox L tile
  • 传单位置过滤器示例和可拖动可调整大小的矩形区域在地图上选择

    我需要在地图上选择一个矩形区域并识别属于该区域的标记 理想情况下 矩形应该是可拖动和可调整大小的 我对地图并不太挑剔 Google Mapbox 或 Leaflet 都可以正常工作 我找到了传单的位置过滤器 https github com
  • Leaflet.js setMaxBounds 忽略南界

    Using 传单 js http leafletjs com reference html对于开源地图项目 但我需要设置用户无法超越的特定界限 地图对象的 maxBounds 属性在北 东 西方向上按预期工作 但它让我永远向南滚动 在小提琴
  • leaflet + gMapCatcher-更改zxy模板

    我在用着leaflet由 gMapCatcher 生成的图块 那里的文件名完全不同 例如 传单中的缩放级别 17 是 gMapCatcher 的级别 0 我需要更改 url 模板 http s somedomain com blabla z
  • 如何使用 LeafLe 创建商店地图

    我希望创建一个可以交互的地图 我发现的最好的选择是传单 问题是我没有找到任何资源来解释如何创建自己的地图 我希望创建一个商场地图 用户可以在其中看到所有商店 喷泉 我怎样才能做到这一点 最好的起点是传单示例页面 http leafletjs
  • 向图像添加坐标,以用作 R 中的 Leaflet、Shiny 和 Shinydashboard 包中的地图

    我计划使用 Leaflet Shiny 和 Shinydashboard 沿着以下很棒的路线创建一个带有医院 OHS 事件标记的交互式地图交互式地图和直方图模板 http shiny rstudio com gallery superzip
  • 获取传单地图放大时的标记列表

    我是传单新手 我已按照以下步骤设置了地图https github com Asymmetrik ngx leaflet https github com Asymmetrik ngx leaflet 我正在尝试获取地图放大区域中的标记列表
  • 创建仅在使用 PDFBox 打印时显示的水印(pdf 可选内容)

    我遇到过许多使用 PDFBox Layer Utility 的appendFormAsLayer 方法的示例 如下所示 Places the given form over the existing content of the indic
  • Delphi中使用FindVCLWindow调用WinHelp32(WinXP Pro SP3 32bit)

    有什么问题吗 procedure TForm1 VCLHelpClick Sender TObject var Ctrl TWinControl begin Ctrl FindVCLWindow Mouse CursorPos if Ctr
  • 在 R 传单中添加不透明度滑块

    如何在 R leaflet 应用程序中添加滑块来控制特定图层的不透明度 对于这个应用程序 我不想使用闪亮 这里建议 在 R 传单应用程序中添加滑块 https stackoverflow com questions 37682619 add
  • OpenStreetMap 不显示在 RStudio 中(使用 R 3.2.1)

    我正在使用来自的代码here https rstudio github io leaflet library leaflet m lt leaflet gt addTiles gt addMarkers lng 174 768 lat 36
  • 传单地图显示为灰色

    我正在启动 leaflet js快速开始 http leafletjs com examples quick start html但我的地图显示为灰色 我缺少什么吗 脚本 js var leafletMap L map leafletMap
  • 在 R 中修改传单弹出窗口

    我想修改 R 中传单弹出窗口的外观 帮助文件指出 in the popupOptions 函数需要 传递给底层 Javascript 对象构造函数的额外选项 In 这个例子 https rstudio github io leaflet p
  • 传单 - 使用纬度 + 距离(米)+ 角度(度)创建标记

    如何计算距标记 A 给定距离 米 和给定角度 度 的新点 标记 B Google API 有这个 但我在传单中找不到它 var pointA new google maps LatLng 25 48 71 26 var radiusInKm
  • 如何将传单地图背景设置为白色?

    我目前正在使用传单来显示数据 总的来说 效果很好 但我们的PM希望地图背景是白色而不是灰色 现在 整个地图的背景都是灰色的 我检查了文档 根本找不到如何使背景变成白色的解决方案 非常感谢您的建议 我看到这是由tileLayer引起的 L t
  • 为什么 Leaflet 在 React 中平移和缩放速度这么慢?

    我有一个相当简单的应用程序 使用 leaflet js 渲染大约 3000 个点 它渲染得相当快 但平移和缩放非常慢 看看chrome中的性能工具 看起来大部分时间都花在了重新计算样式上 但这并没有什么帮助
  • 如何从传单绘制 api 删除按钮中删除保存选项?

    我的问题类似于leaflet draw 删除按钮删除 全部清除 操作 https stackoverflow com questions 46934768 leaflet draw delete button remove clear al
  • 如何强制传单更新地图?

    当我将 Leaflet 与 React 一起使用时 我遇到了问题 据我研究 问题是 Leaflet 也想控制 DOM 渲染 现在 国家将使用与后端信息相对应的特定颜色代码 范围为1 gt 100 正确着色 但是 它每分钟更新一次 更新后 国

随机推荐