Skip to content

Fullscreen map #8

@Pantoeflou

Description

@Pantoeflou

Hi Guys,

I am using the mapbox-gl-compare plugin on top of a map that displays inside a container.

I am now trying to add a 'fullscreen button', but to no avail

Using: after.addControl(new mapboxgl.FullscreenControl()); displays the the button, but only makes the 'after' map full screen

I then tried creating my own function where I do the following on click:

  • make panel fullscreen [css below]

  • call resize() function on before, after and map objects

This sort of works, the fullscreen view renders the map (ans slider) at what seems just over 200% height

Any possibility of adding support for the FullscreenControl() function

.panel-fullscreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; overflow: auto; }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions