程序员经验分享-hwhale

同一页面上具有相同选项的多个传单地图

2023-11-21

我对 leaflet.js 还很陌生，我试图弄清楚如何将具有相同选项和图层集的相同地图分配给不同的 HTML 容器，而不必每次都删除并添加新的容器？

我曾经处理 Open Layers 2.13 并且我有 map.render(div);每次我想将地图设置为另一个 div 时的选项。 有类似这样的解决方案吗？ 非常感谢！


可以，但是你必须复制图层

// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// add the same OpenStreetMap tile layer to the second map
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map2);

http://jsfiddle.net/FranceImage/aj44r7v2/

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

javascript

openlayers

leaflet

同一页面上具有相同选项的多个传单地图 的相关文章

随机推荐

  • 停止 Jenkins 工作以防新工作开始

    是否可以指定 如果作业 A 被触发多次 则先前的作业将从队列中删除 并且只有最新的作业留在队列中或在有足够的空闲槽位时启动 提前致谢 use execute system groovy script step import hudson m

  • Python 通过写入 stdin 取消 raw_input/input？

    首先 我使用的是 python 2 7 5 和 Windows x64 我的应用程序针对的是这些参数 我需要一种方法来在一段时间过去后取消 raw input 目前 我的主线程启动两个子线程 一个是计时器 threading Timer 另

  • PyCharm 中的“未指定可执行文件”错误

    当我尝试在 PyCharm 中运行 python 脚本时 收到以下错误消息 error running myscript Executable is not specified 并且脚本不运行 如何通过 PyCharm 运行我的脚本 您需要

  • 如何将 PIL 图像对象上传到 Discord 聊天而不保存图像？

    我正在尝试将 PIL 图像对象发送到不和谐聊天 但我不想保存文件 我有一个函数可以从互联网收集图像 将它们垂直连接在一起 然后返回一个 PIL Image 对象 下面的代码从我本地计算机上的 PIL Image 对象创建一个文件图像 然后将

  • 使用 AWS API Gateway 请求验证器时启用 CORS

    我成功地使用 CORS 设置了 AWS API Gateway 当请求有效时 我有一个 200 状态代码和 CORS 标头 这很好 但是 当 AWS API Gateway 请求验证器检测到无效输入时 状态代码为 400 但未发送 CORS

  • Spring Data Rest 将自定义端点添加到特定存储库

    我想将自定义搜索端点添加到我现有的用户存储库 我的用户存储库如下所示 RepositoryRestResource collectionResourceRel users path users public interface UserRe

  • 在 Patchwork 中手动定位图例

    我想将图例 所有绘图共有 放置在拼凑布局的空白区域中 从我在网上可以找到的内容来看 我无法使用手动定位图例legend position如果我也使用guides collect 但可以使用左 右等 我尝试过使用l lt get legend

  • 如何查询内存中的一个DataTable来填充另一个数据表

    我正在尝试更新 Microsoft 报告 它的作用是写出有多少客户被排除在转换过程之外以及原因 目前 该程序将所有已删除的客户端写回到服务器 然后查询它以将结果填充到特殊表中 这是当前的查询 SELECT DeletedClients Re

  • 不同级别logback不同文件

    我的 logback xml 中有这个附加程序

  • 为什么我收到错误无法等待“void”？

    private Queue

  • 一个或多个实体的验证失败。有关更多详细信息，请参阅“EntityValidationErrors”属性[重复]

    这个问题在这里已经有答案了 我在使用代码优先方法为数据库播种时遇到此错误 一个或多个实体的验证失败 有关更多详细信息 请参阅 EntityValidationErrors 属性 说实话我不知道如何检查验证错误的内容 Visual Studi

  • 双向多对多关系中的循环引用

    我的实体中存在双向多对多关系 请参阅下面的示例 public class Collaboration JsonManagedReference COLLABORATION TAG private Set

  • Meteor 通过邮件查询其他用户

    我正在尝试使用以下命令通过电子邮件查询用户Meteor users findOne emails address email protected 它在 mongo shell 中工作 但在 Meteor 中返回未定义 有任何想法吗 UPDA

  • 固定元素在 Chrome 中消失

    当在我构建的网站上滚动时 使用 CSS 属性position fixed按预期工作 将导航栏保留在页面的最顶部 然而 在 Chrome 中 如果您使用导航栏中的链接 有时消失 通常 您单击的项目仍然可见 但并非总是如此 有时整个事情都会消失

  • AVPlayer 顶部绘制按钮

    我必须在视频顶部绘制标签或按钮relay next previous leave comment 视频列表有它 一旦用户从表中选择一项 就需要播放 播放器播放完成后 这些按钮或标签应该出现在视频顶部 这是我的代码 comPlayerCont

  • 在 LINQ 查询中使用 DateTime?.Value.TimeOfDay

    我正在尝试在 ASP NET MVC 3 上使用 LINQ 进行查询 我有一个模型 我们称之为事件 此 Event 对象有一个 Date 属性 即 DateTime 我想要的是获取 2 个时间跨度之间的事件 现在我的代码如下所示 TimeS

  • 对 3 个具有关系的实体进行建模

    假设我们的环境中有三个实体 Teacher Student and Course 每位教师拥有 教授 1 门或以上课程 且每门课程由 0 名或以上教师提供 每个学生已选修 1 门或多门课程 每门课程由 0 名或更多学生选修 每个教师有 0

  • 使用 AndroidHttpClient 的 SSL/TLS 协议和密码套件

    编辑 如果我原来的帖子措辞不好 我深表歉意 这导致了一些混乱 表现为对原始帖子的评论 那么让我再试一次 我从一个问题开始 我想解决 Android 上的问题 但不知道如何解决 我花了很多时间在网上寻找解决方案 但没有发现任何关于这个问题的讨

  • 如何使用 CMake 链接到 C 数学库？

    我如何添加math库到我的 CMake 文件 这post参考文献添加一个目标链接库 但我对 C An 不太熟悉附加帖子 有人可以举个例子吗 文档我正在使用 C 并且收到一个undefined reference to pow 使用数学标题的

  • 同一页面上具有相同选项的多个传单地图

    我对 leaflet js 还很陌生 我试图弄清楚如何将具有相同选项和图层集的相同地图分配给不同的 HTML 容器 而不必每次都删除并添加新的容器 我曾经处理 Open Layers 2 13 并且我有 map render div 每次我

热门标签