[bug] Map default zoom levels seem to allow for more zoom than supported

[nemesifier]

We have noticed on different tile providers that they support up to 30m zoom level, but we allow to zoom for more by default, which causes the tile server to provide an empty response and no tiles shows on the map.

We may want to reduce the default max zoom level on the geographic map (maybe we can make this configurable but provide a sensible default).

[d1vyanshu-kumar]

@nemesifier please review it.

[d1vyanshu-kumar]

@nemesifier Could you please assist me? I've been attempting to solve this issue, but my current implementation hasn't been effective. Could you provide a robust approach to help me resolve this problem?

[d1vyanshu-kumar]

@nemesifier @pandafy please review this and give some guidance on that if it does not look correct.
import ol from "openlayers";
`const maxZoomLevel = 18;

const osm = new ol.source.OSM();

const getTile = osm.getTileUrlFunction();

osm.setTileUrlFunction((coord) => coord[0] <= maxZoomLevel ? getTile(coord) : 'http://localhost/');

`
this is where I found some ideas to solve this issue:https://jsfiddle.net/jrwtc2df/4/

I tested it the map is continuously loading after a certain zoom level.