Skip to content

Lean5/react-leaflet-fullscreen

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FullscreenControl for react-leaflet

based on https://github.com/brunob/leaflet.fullscreen

Usage

import 'react-leaflet-fullscreen/dist/styles.css'
import { Map } from 'react-leaflet';
import FullscreenControl from 'react-leaflet-fullscreen';

<Map zoom={16} center={[55.01964, 73.359894]} >
  <Marker position={[55.01964, 73.359894]} />
  <FullscreenControl position="topright" />
</Map>

propTypes

position: 'topleft' | 'topleft' | 'bottomright' | 'bottomleft'
title: String, // title of the button, default Full Screen
titleCancel: String // title of the button when fullscreen is on, default Exit Full Screen
content: null | HTMLElement // content of the button, can be HTML, default null
forceSeparateButton: Bool, // force seperate button to detach from zoom buttons, default false
forcePseudoFullscreen: Bool, // force use of pseudo full screen even if full screen API is available, default false
fullscreenElement: Bool // Dom element to render in full screen, false by default, fallback to map._container

About

Fullscreen control for react-leaflet

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%