Skip to content

chungsarit/Custom-FullScreen-Button-ReactLeaflet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Custom FullScreen Button for React-Leaflet

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.

Live Demo

You can access the live demo of the application here.

Installation

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

Running the Application

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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published