[GIS] How to call Leaflet FullScreen plug-in from code

javascriptleaflet

I'm currently using Leaflet along with leaflet.fullscreen to provide a full screen map.

I've got it working nicely with the button but I can't work out how to "call" the function manually from my JavaScript code.

I've tried: map.fullscreenControl.toogleFullScreen(); but get the following error and a "broken" fullscreen:

TypeError: this.invalidateSize is not a function
this.invalidateSize();

Best Answer

You could trigger a click on its fullscreen button. For example with jQuery:

$(".leaflet-control-zoom-fullscreen")[0].click();

Related Solutions

PostGIS to Leaflet – Adding a Polygon from ST_AsGeoJSON

you can do it using this SQL code

SELECT row_to_json(fc)
 FROM ( SELECT 'FeatureCollection' As type, array_to_json(array_agg(f)) As features
 FROM (SELECT 'Feature' As type, 
    ST_AsGeoJSON(lg.geom)::json As geometry, 
    (
    select row_to_json(t) 
    from (select FIELD_1, FIELD_2, FIELD_N) t
    )
    As properties
   FROM MY_TABLE_OR_VIEW As lg   ) As f )  As fc;

Easy and will work!!!

[GIS] How to call a leaflet Javascript Function in dropdown menu bar

I found the solution :

var search = document.getElementById('suche');

    search.appendChild(new L.Control.GeoSearch({
                      provider: new L.GeoSearch.Provider.OpenStreetMap(),
                }).onAdd(map));

Best Answer

Related Solutions

PostGIS to Leaflet – Adding a Polygon from ST_AsGeoJSON

[GIS] How to call a leaflet Javascript Function in dropdown menu bar

Related Question