fix bounds

[mrtmrt233]

resolves #278

Hardcoding the map bounds fixed the issue. Tested on iOS.

iOS Debug Notes:

Fought with this for quite a bit, best way I think is to use Safari Web Inspector following these instructions.

Additionally, Safari does not allow location service over HTTP. In order to debug and test on iOS, the website must be served over HTTPS. Follow these steps if using live server with vs code:

• create private key and certificate

  openssl genrsa -aes256 -out localhost.key 2048   
  openssl req -days 3650 -new -newkey rsa:2048 -key localhost.key -x509 -out localhost.pem

• create .vscode/settings.json in project folder, add following:

      {
      "liveServer.settings.https": {
      "enable": true,
      "cert": "{some path}/localhost.pem", //certificate, absolute path
      "key": "{some path}/localhost.key", //private key file, absolute path
      "passphrase": "12345" //passphrase used in private key creation
      }

  (see here )

[emillipede]

thank you so much @mrtmrt233 !

this solution looks good to me. what about you @isabelle-wagenvoord ?

@cajaks2 pushed this branch to https://caj.ac/tree/

[emillipede]

thank you @mrtmrt233 ! I just commented about the address bar, before I saw your update. maybe in the future, it'll be possible to put the current location button (bottom R corner) into the toolbar. in the meantime, it's great to have the not so functional icon out of the address box.

thank you for resolving the bounding box problem, too.