IP Address Locator using HTML, CSS, JS and APIs

Note: Please make sure to close your adblocker extensions in order to let the webpage work properly. Adblockers interfere with the JS code of the page.

I got two problems while doing this project:

1. How do I make the map interactive without changing the Z-Index?
2. Is there any way through which we can load the IP address of the visiting user first then that user can search for another IP address? I mean how do stop the code from returning the user's location as LeafletJS properties can be initialised one time only.

I decided to make a button to solve the above two problems and yeah how do I make my webpage more mobile responsive as you can see I messed up while coding mobile responsive page