Coder Social home page Coder Social logo

thegartrellgroup / mapbox-gl-js-layer-tree Goto Github PK

View Code? Open in Web Editor NEW
12.0 2.0 6.0 294 KB

Allow users to interactively organize and reposition different map layers

License: MIT License

CSS 2.94% JavaScript 56.68% HTML 40.37%
mapbox-gl-js legend layers sortable jquery-ui

mapbox-gl-js-layer-tree's People

Contributors

dnseminara avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

mapbox-gl-js-layer-tree's Issues

Construct Layer Manager

  • On/Off functionality - checkboxes?

  • Layers need to have a default/initial state and ability to be either off and on

  • Enable ability to construct both parent directories and layers (placed within a specific parent)

Grouped layer do not retain layer order...

Layers within a grouped layer do not retain layer order when a user changes the layer order of that grouped layer with other grouped layers within the layer tree.....that's a mouthful. I'll send a separate email with data/js so you guys can test on your end.

How insert legend into a div ?

Hello,

I have an mapping app and I try to have an layer tree.
I found your module, but positions are defined.

I would like to know how integer this legend into a div ?

Thanks

Sylvain

Scroll and sorting on mobile

I am using this control outside the map and just noticed that scrolling inside the legend and sorting does not work on mobile. It looks like this is a jquery sortable issue. Has anyone run into this and found a workaround. I am specifically interested in a workaround for scrolling. I'll post my progress here if any.

Dynamic legend ?

Hello,

I'd like to know how to obtain a dynamic legend, i.e. a legend that is updated as soon as a new layer exists. For example, in my web application, I'd like to include a "search results" entry in the legend, but as this layer doesn't yet exist, the legend doesn't work.

Is there any solution ?

Thanks

Drawn feature layers get subverted on layer reorder

"If you add a layer from the Layer Tree and using the Draw API draw a feature…the feature draws on top as it should. In this example I drew a polygon over the Runway layer…If you reorder any root folder in the Layer Tree the drawn features goes to the bottom (it should always remain on top as it’s a markup that needs to be seen by the user)."

Icon/Legend Integration

  • Legend needs to reflect initial layer order on load
  • incorporate font/fort awesome within layer constructor
  • resolve how to grab svg from mapbox sprites
  • clarify and implement what we do with non marker layers

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.