Leaflet - 将控件放在 div 地图之外

2022-01-12 00:00:00 leaflet javascript

我制作了以下应用程序:http://lae2.alwaysdata.net/carte/exppng/

I made the following app : http://lae2.alwaysdata.net/carte/exppng/

我想将我的两个控件(leaflet-control-zoom 和leaflet-control-layers)放在 div 地图之外.例如,我想在灰色区域内使用它们.

I'd like to put my two controls (leaflet-control-zoom and leaflet-control-layers) outside the div map. I'd want to use them inside the grey area for example.

我想知道这是否可能:我寻找了一些技巧,但我没有找到任何东西......

I'd like to know if it's possible : I looked for some tricks but I didn't find anything...

如果可以,你能帮帮我吗?

If it is could you help me ?

谢谢!

推荐答案

您可能会对以下帖子感兴趣:

You would probably be interested in the following posts:

  • 获取Leaflet的当前比例值
  • https://gis.stackexchange.com/questions/83942/display-a-control-zoom-bar-outside-map-container-in-leaflet

本质上:

document.getElementById("myNewContainerId").appendChild(
    L.control.layers(base, overlays).onAdd(map)
);

外部来源:

  • https://groups.google.com/forum/#!searchin/leaflet-js/control$20onadd/leaflet-js/rKMZX3PKFuI
  • https://groups.google.com/forum/#!searchin/leaflet-js/control$20onadd/leaflet-js/rKMZX3PKFuI

相关文章