1.8.9

Optimize animations on iOS
Change default center and zoom to show the world on desktop
2026-01-26 17:53:09 +07:00 · 2026-01-26 17:52:41 +07:00 · 2026-01-26 17:52:14 +07:00
8 changed files with 15 additions and 11 deletions
@@ -61,8 +61,8 @@ export default class MapComponent extends Component {
    });

    // Default view settings
-    let center = [99.05738, 7.55087];
-    let zoom = 13.0;
+    let center = [14.21683569, 27.060114248];
+    let zoom = 2.661;

    // Try to restore from localStorage
    try {
@@ -502,11 +502,15 @@ body {
  border: 2px solid rgb(255 204 51 / 80%); /* Gold/Yellow to match markers */
  background: rgb(255 204 51 / 20%);
  position: absolute;
-  transform: translate(-50%, -50%);
+  /* Use translate3d for GPU acceleration on iOS */
+  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
  animation: pulse 1.5s infinite ease-out;
  box-sizing: border-box; /* Ensure border is included in width/height */
  display: none; /* Hidden by default */
+  will-change: transform, opacity;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
 }

 .search-pulse.active {
@@ -520,12 +524,12 @@ body {

@keyframes pulse {
  0% {
-    transform: translate(-50%, -50%) scale(0.8);
+    transform: translate3d(-50%, -50%, 0) scale(0.8);
    opacity: 0.8;
  }

  100% {
-    transform: translate(-50%, -50%) scale(1.4);
+    transform: translate3d(-50%, -50%, 0) scale(1.4);
    opacity: 0;
  }
 }
@@ -1,6 +1,6 @@
 {
  "name": "marco",
-  "version": "1.8.8",
+  "version": "1.8.9",
  "private": true,
  "description": "Unhosted maps app",
  "repository": {
@@ -26,8 +26,8 @@
    <meta name="msapplication-TileColor" content="#F6E9A6">
    <meta name="msapplication-TileImage" content="/icons/icon-144.png">

-  <script type="module" crossorigin src="/assets/main-DDLOjoTU.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main-CNGeKCiD.css">
+  <script type="module" crossorigin src="/assets/main-DcXD8_Ko.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/main-BP5J45zX.css">
 </head>
  <body>
 </body>
Author	SHA1	Message	Date
raucao	4ad0df22e2	1.8.9	2026-01-26 17:53:09 +07:00
raucao	0decb4cf1b	Optimize animations on iOS	2026-01-26 17:52:41 +07:00
raucao	2193f935cc	Change default center and zoom to show the world on desktop	2026-01-26 17:52:14 +07:00