pukaad-ui-lib 1.281.0 → 1.282.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.281.0",
+  "version": "1.282.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/drawer/drawer-suggest-place/suggest-place-map.vue

@@ -118,6 +118,29 @@ watch(
     drawDebounceTimer = setTimeout(() => drawPolygon(), 80);
   }
 );
+const getPolygonCentroid = (feature) => {
+  if (!feature?.geometry) return null;
+  const type = feature.geometry.type;
+  let coords = null;
+  if (type === "Polygon") {
+    coords = feature.geometry.coordinates[0];
+  } else if (type === "MultiPolygon") {
+    let maxLen = 0;
+    for (const poly of feature.geometry.coordinates) {
+      if (poly[0].length > maxLen) {
+        maxLen = poly[0].length;
+        coords = poly[0];
+      }
+    }
+  }
+  if (!coords || coords.length === 0) return null;
+  let sumLat = 0, sumLng = 0;
+  for (const [lng, lat] of coords) {
+    sumLat += lat;
+    sumLng += lng;
+  }
+  return { lat: sumLat / coords.length, lng: sumLng / coords.length };
+};
 const drawPolygon = async () => {
   if (!map || !L) return;
   if (polygonLayer) {
@@ -154,13 +177,14 @@ const drawPolygon = async () => {
       }
     }).addTo(map);
     map.flyToBounds(polygonLayer.getBounds(), { padding: [20, 20], duration: 0.5 });
-    const center = polygonLayer.getBounds().getCenter();
+    const center = getPolygonCentroid(feature) ?? polygonLayer.getBounds().getCenter();
     const divIcon = L.divIcon({
       html: mapPinSvg,
       className: "",
       // Remove default leaflet background
       iconSize: [32, 32],
-      iconAnchor: [16, 32]
+      iconAnchor: [16, 16]
+      // center of icon aligns with coordinate
     });
     marker = L.marker(center, {
       icon: divIcon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.281.0",
+  "version": "1.282.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",