diff --git a/ts/components/MapLocator.vue b/ts/components/MapLocator.vue index def5a22d..97b4a0e7 100644 --- a/ts/components/MapLocator.vue +++ b/ts/components/MapLocator.vue @@ -54,7 +54,7 @@ const markerInstances: Ref = shallowRef< >([]); function _bounds(): LngLatBoundsLike { - if (props.markers) { + if (props.markers.length > 0) { return boundsMarkers(props.markers); } else { return boundsDefault(); diff --git a/ts/map-utils.ts b/ts/map-utils.ts index 4a4a1809..6a8a18b1 100644 --- a/ts/map-utils.ts +++ b/ts/map-utils.ts @@ -18,5 +18,5 @@ export function boundsMarkers(markers: Marker[]): LngLatBounds { ); } export function boundsDefault(): LngLatBounds { - return new LngLatBounds(new LngLat(-70, 50), new LngLat(-125, 25)); + return new LngLatBounds(new LngLat(-125, 50), new LngLat(-70, 25)); } diff --git a/ts/rmo/content/Nuisance.vue b/ts/rmo/content/Nuisance.vue index 8433350a..bcec65eb 100644 --- a/ts/rmo/content/Nuisance.vue +++ b/ts/rmo/content/Nuisance.vue @@ -14,13 +14,12 @@ padding-bottom: 0; } .map-container { - background-color: #e9ecef; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); height: 500px; - display: flex; align-items: center; justify-content: center; + margin-bottom: 20px; margin-top: 20px; } #map {