From 3c482989d1ad8022d6f19fe84bca48ae2fafb915 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Mon, 11 Aug 2025 19:36:59 +0200
Subject: [PATCH 1/3] fix pan controls

---
 source/UI/js/Map/Map.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/source/UI/js/Map/Map.js b/source/UI/js/Map/Map.js
index 9e5dc936..236654d5 100644
--- a/source/UI/js/Map/Map.js
+++ b/source/UI/js/Map/Map.js
@@ -1153,7 +1153,8 @@ Ox.Map = function(options, self) {
     }
 
     function pan(x, y) {
-        self.map.panBy(x * self.$map.width() / 2, y * self.$map.height() / 2);
+        console.log(x, y, self.$map.width())
+        self.map.panBy([x * self.$map.width() / 2, y * self.$map.height() / 2]);
     };
 
     function panToPlace() {

From 95b3a4be6ec3e75723d820888ef06d07062beec2 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Mon, 11 Aug 2025 19:52:24 +0200
Subject: [PATCH 2/3] fix controls height

---
 source/UI/css/UI.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/source/UI/css/UI.css b/source/UI/css/UI.css
index fcac9865..bf2de2e3 100644
--- a/source/UI/css/UI.css
+++ b/source/UI/css/UI.css
@@ -1800,6 +1800,7 @@ Maps
 .OxMap .OxLabel.OxMapControl.OxMapScale {
     right: 4px;
     bottom: 19px;
+    line-height: 1;
 }
 
 .OxMap .OxPlaceControl.OxPlaceFlag {

From 529277eb12fa2d6eb5e9a0e32d717f379490bd56 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Mon, 11 Aug 2025 19:55:08 +0200
Subject: [PATCH 3/3] toggle style

---
 source/UI/js/Map/Map.js | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/source/UI/js/Map/Map.js b/source/UI/js/Map/Map.js
index 236654d5..5dc8da57 100644
--- a/source/UI/js/Map/Map.js
+++ b/source/UI/js/Map/Map.js
@@ -719,10 +719,6 @@ Ox.Map = function(options, self) {
             - self.options.showZoombar * 16;
     }
 
-    function getMapType() {
-        return self.options.showLabels ? 'HYBRID' : 'SATELLITE'
-    }
-
     function getMaxZoom(point, callback) {
         if (arguments.length == 1) {
             callback = point;
@@ -945,11 +941,8 @@ Ox.Map = function(options, self) {
 
             self.center = mapBounds ? mapBounds.getCenter() : new maplibregl.LngLat(0, 0);
             self.zoom = self.minZoom;
-            window.map = that.map = self.map = new maplibregl.Map({
-                container: self.$map[0],
-                center: self.center,
-                style2: self.options.style,
-                    style: {
+
+            self.sateliteStyle = {
                 'version': 8,
                 'sources': {
                     'raster-tiles': {
@@ -963,7 +956,7 @@ Ox.Map = function(options, self) {
                         'tileSize': 256,
                         'attribution':
                             'FIXME',
-                    }
+                    },
                 },
                 'layers': [
                     {
@@ -973,10 +966,13 @@ Ox.Map = function(options, self) {
                         'roundZoom': true,
                         'minzoom': 0,
                         'maxzoom': 22
-                    }
+                    },
                 ]
-            },
-                //mapTypeId: google.maps.MapTypeId[getMapType()],
+            };
+            window.map = that.map = self.map = new maplibregl.Map({
+                container: self.$map[0],
+                center: self.center,
+                style: self.options.showLabels ? self.options.style : self.sateliteStyle,
                 //noClear: true,
                 //scrollwheel: !self.options.zoomOnlyWhenFocused,
                 zoom: self.zoom
@@ -1221,15 +1217,19 @@ Ox.Map = function(options, self) {
         }
         function getType(types, data) {
             // see https://developers.google.com/maps/documentation/javascript/geocoding#GeocodingAddressTypes
-            types.push(data.properties.addresstype)
+            types.unshift(data.properties.addresstype)
+            console.log(types)
+
 
             var strings = {
                     'country': ['country'],
                     'region': [
                         'administrative_area', 'colloquial_area',
-                        'state', 'county'
+                        'state', 'county', 'region'
+                    ],
+                    'city': [
+                        'locality', 'city', 'town'
                     ],
-                    'city': ['locality', 'city'],
                     'borough': ['neighborhood', 'postal_code', 'sublocality', 'suburb', 'borough'],
                     'street': [
                         'intersection', 'route',
@@ -1490,7 +1490,7 @@ Ox.Map = function(options, self) {
 
     function toggleLabels() {
         self.options.showLabels = !self.options.showLabels;
-        self.map.setMapTypeId(google.maps.MapTypeId[getMapType()]);
+        self.map.setStyle(self.options.showLabels ? self.options.style : self.sateliteStyle)
         that.triggerEvent('togglelabels', {
             visible: self.options.showLabels
         });