react-fullscreen-ujjal
v1.0.3
Published
Fullscreen control for react-leaflet
Downloads
17
Readme
FullscreenControl for react-leaflet
based on https://github.com/brunob/leaflet.fullscreen
Usage
import 'react-fullscreen-ujjal/dist/styles.css'
import { Map } from 'react-leaflet';
import FullscreenControl from 'react-fullscreen-ujjal';
<Map zoom={16} center={[55.01964, 73.359894]} >
<Marker position={[55.01964, 73.359894]} />
<FullscreenControl position="topright" />
</Map>
propTypes
position: 'topleft' | 'topright' | '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