传单地图顶部的应用程序菜单

时间:2017-02-04 12:41:08

标签: leaflet

在基于Leaflet的地图应用程序中,我想要一个大型应用程序菜单,一种设置菜单。我设法将一个漂亮的按钮放在右上角作为一个L.Control,点击它就会被触发。

菜单应位于菜单按钮的左侧或仅位于屏幕中间。

我想知道使用

是否是最佳做法
  1. 一个Popup,
  2. 一层,
  3. 另一个控件或
  4. 只需将a放在页面的正确位置即可。
  5. 尝试后者,我发现我必须将z-index设置为一个非常高的值才能看到它,并且使用Leafleat功能感觉有点奇怪。

    与Leaflet一起使用的“正确”解决方案是什么?

2 个答案:

答案 0 :(得分:2)

如果您想要全屏地图,可以使用https://github.com/Turbo87/leaflet-sidebar

我在这里使用它:http://www.franceimage.com/map

答案 1 :(得分:0)

您可以使用Leaflet easybutton插件创建一个漂亮的基于自定义图标的工具栏。 您将拥有所有基于传单的控件(单击,悬停,位置等),可以根据需要进行设置。

以下是实现示例: http://danielmontague.com/projects/easyButton.js/v1/examples/

和github存储库:https://github.com/CliffCloud/Leaflet.EasyButton