This repository provides a custom fullscreen button control for the React-Leaflet map library. Developed with Vite, React, and Material UI, the fullscreen button enables users to toggle between fullscreen and windowed modes, enhancing the map interaction experience. The button's position can be dynamically adjusted (top-right, top-left, bottom-right, or bottom-left), providing flexibility to fit various map designs. Additionally, the button icon dynamically updates to indicate the current screen state, ensuring an intuitive user interface.
You can access the live demo of the application here.
To get started, clone this repository to your local machine:
git clone https://github.com/chungsarit/Custom-FullScreen-Button-ReactLeaflet.git
Then, navigate into the project directory:
cd Custom-FullScreen-Button-ReactLeaflet
Install the necessary dependencies:
npm install
Start the Vite server:
npm run dev
Now, open your browser and visit http://localhost:5173 to explore the functionality of the custom fullscreen button in your React-Leaflet project!