Avoid overzoom of small ways-POIs

Some building POI's are stored as OSM ways, this means they have a bbox,
but using that bbox for zoom results in feeling a bit too close - losing
the valuable context of the surround block.

An example of a too-close bbox zoom that this commit fixes:

Victrola Coffee Roasters - "id": "way/206623301",

web/frontend/src/components/BaseMap.vue

@@ -251,12 +251,18 @@ export default defineComponent({
         this.$data.flyToLocation = { center: location, zoom: zoom };
       }
     },
-    fitBounds: async function (bounds: LngLatBoundsLike) {
+    fitBounds: async function (
+      bounds: LngLatBoundsLike,
+      options: FitBoundsOptions = {}
+    ) {
       const permissionState = await geolocationPermissionState();
+      const defaultOptions = {
+        padding: Math.min(window.innerWidth, window.innerHeight) / 8,
+      };
+      options = { ...defaultOptions, ...(options || {}) };
+
       if (this.$data.hasGeolocated === true || permissionState !== 'granted') {
-        map?.fitBounds(bounds, {
-          padding: Math.min(window.innerWidth, window.innerHeight) / 8,
-        });
+        map?.fitBounds(bounds, options);
       } else {
         this.$data.boundsToFit = bounds;
       }

web/frontend/src/pages/PlacePage.vue

@@ -35,7 +35,7 @@ async function loadPlacePage(router: Router, canonicalName: string) {
   if (poi.bbox) {
     // prefer bounds when available so we don't "overzoom" on a large
     // entity like an entire city.
-    getBaseMap()?.fitBounds(poi.bbox);
+    getBaseMap()?.fitBounds(poi.bbox, { maxZoom: 16 });
   } else if (poi.position) {
     getBaseMap()?.flyTo([poi.position.long, poi.position.lat], 16);
   }