@yarrow-uz/yarrow-map-web-sdk 1.0.41 → 1.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -140,7 +140,7 @@ const mapConfig = new YarrowMapConfig({
140
140
  theme, // 'light' | 'dark' (default: 'light')
141
141
  cache, // { enabled?: boolean, lifespanDays?: number }
142
142
  brandBadgePosition, // 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
143
- controls // { enabled?: boolean, position?: 'left'|'right', zoom?: boolean, compass?: boolean }
143
+ controls // { enabled?: boolean, position?: 'left'|'left-top'|'left-bottom'|'right'|'right-top'|'right-bottom', zoom?: boolean, compass?: boolean }
144
144
  });
145
145
  ```
146
146
 
@@ -163,7 +163,7 @@ const mapConfig = new YarrowMapConfig({
163
163
  brandBadgePosition: 'top-right',
164
164
  controls: {
165
165
  enabled: true, // Yarrow controls are OFF by default
166
- position: 'right', // Optional side of the map
166
+ position: 'right-bottom', // Optional placement: left/left-top/left-bottom/right/right-top/right-bottom
167
167
  zoom: true, // Optional
168
168
  compass: true // Optional
169
169
  },
@@ -175,6 +175,8 @@ yarrowMap.init().then(() => {
175
175
  });
176
176
  ```
177
177
 
178
+ When controls and the brand badge are placed in the same corner (for example `right-bottom` with `brandBadgePosition: 'bottom-right'`), the SDK automatically adds spacing so they do not overlap.
179
+
178
180
  ## Basic Map Manipulation
179
181
 
180
182
  ### Changing the Map Style
@@ -928,7 +930,13 @@ constructor(
928
930
  brandBadgePosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
929
931
  controls?: {
930
932
  enabled?: boolean; // default: false
931
- position?: 'left' | 'right';
933
+ position?:
934
+ | 'left'
935
+ | 'left-top'
936
+ | 'left-bottom'
937
+ | 'right'
938
+ | 'right-top'
939
+ | 'right-bottom';
932
940
  zoom?: boolean; // default: true
933
941
  compass?: boolean; // default: true
934
942
  };