CODEWITHSUNDEEP
leaflet
Harald
Harald

Reputation: 5113

Application Menu on top of Leaflet map

In a map application based on Leaflet, I would like to have a large application menu, kind of a settings menu. I managed to put a nice button into the top right corner as a L.Control and it gets fired on a click.

The menu should position either to the left of the menu button or simply in the middle of the screen.

I am wondering whether it is best practice to use

  1. a Popup,
  2. a Layer,
  3. another Control or
  4. just position a at the right place on the page.

Trying the latter, I found that I have to set z-index to a very high value to see it, and it feels a bit odd not to use the Leafleat features.

What would be the "right" solution to use with Leaflet?

Upvotes: 3

Views: 7223

Answers (2)

YaFred
YaFred

Reputation: 10008

If you want a full screen map, you can use https://github.com/Turbo87/leaflet-sidebar

I use it here: http://franceimage.github.io/map

Upvotes: 4

saadat ali
saadat ali

Reputation: 1053

You can create a nice customized icons based toolbar using Leaflet easybutton plugin. You will have all the leaflet based controls (Click, hover, position etc.) to set that up as per your requirements.

Here are the implementation examples: http://danielmontague.com/projects/easyButton.js/v1/examples/

and github repo: https://github.com/CliffCloud/Leaflet.EasyButton

Upvotes: 1

Related Questions