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

Javascript 同一页上有多个具有相同选项的传单地图,javascript,openlayers,leaflet,Javascript,Openlayers,Leaflet,我对splayer.js还很陌生,我正在尝试找出如何将具有相同选项集和层的同一地图分配给不同的HTML容器,而不是每次都要删除和添加一个新的 我曾经处理开放层2.13,我有map.render(div);每次我想将map设置为另一个div时,都可以使用这个选项。 有类似的解决方案吗? 非常感谢 可以,但必须复制图层 // add an OpenStreetMap tile layer L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {

我对splayer.js还很陌生,我正在尝试找出如何将具有相同选项集和层的同一地图分配给不同的HTML容器,而不是每次都要删除和添加一个新的

我曾经处理开放层2.13,我有map.render(div);每次我想将map设置为另一个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);
//添加OpenStreetMap平铺层
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
//将相同的OpenStreetMap平铺层添加到第二个地图
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(map2);

谢谢您的回复!要运行您的代码,我需要使用两个不同的div分别声明map和map2,对吗?我想没关系。我以前只有一个map声明,然后我将它传递给不同页面的不同div(而不是创建多个map)。必须创建2个贴图对象,并且不能重用添加到贴图中的图层。当我看到传单的内部结构(记住,这是一个超轻量的库)时,我觉得这是合乎逻辑的。谢谢你的回答。对于我来说,不能将定义的图层添加到多个地图是不合逻辑的。一旦我定义了图层的副本,一切都很好。谢谢