diff --git a/library/composables/useMapInstance.js b/library/composables/useMapInstance.js index 6e12e9f08..4080a3af8 100644 --- a/library/composables/useMapInstance.js +++ b/library/composables/useMapInstance.js @@ -363,7 +363,10 @@ export function useMapInstance({ dragRotate: false, renderWorldCopies, ...(maxBounds ? { maxBounds } : {}), - attributionControl: true // Mapbox's own attribution on every map + attributionControl: true, // Mapbox's own attribution on every map + // Phones: logo and attribution both bottom-right, so the bottom-left corner stays free + // for the people-group image in the detail sheet. + logoPosition: (typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(max-width: 767px)').matches) ? 'bottom-right' : 'bottom-left' }) claimLogo(map.value) // Probe hook: the container element carries its map so gates can read live config (no global). @@ -393,7 +396,10 @@ export function useMapInstance({ // wired below (showEdgeBorders): the .map-scroll-edge gutters flash gray while // touching the map and are scrollable to move the page past the map. ...(maxBounds ? { maxBounds } : {}), // only if a profile explicitly supplied bounds - attributionControl: true // Mapbox's own attribution on every map + attributionControl: true, // Mapbox's own attribution on every map + // Phones: logo and attribution both bottom-right, so the bottom-left corner stays free + // for the people-group image in the detail sheet. + logoPosition: (typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(max-width: 767px)').matches) ? 'bottom-right' : 'bottom-left' }) claimLogo(map.value) // Probe hook: the container element carries its map so gates can read live config (no global).