first init

2025-01-16 17:16:14 +07:00
commit 84d8f3ca6a
227 changed files with 43922 additions and 0 deletions
--- a/resources/js/pages/maps-vector.js
+++ b/resources/js/pages/maps-vector.js
@@ -0,0 +1,85 @@
+import jsVectorMap from 'jsvectormap/dist/jsvectormap.js'
+
+// Import the desired map(s)
+import 'jsvectormap/dist/maps/world.js';
+import 'jsvectormap/dist/maps/world-merc.js';
+
+class VectorMap {
+    initWorldMapMarker() {
+        new jsVectorMap({
+            map: "world",
+            selector: "#world-map-markers",
+            zoomOnScroll: !1,
+            zoomButtons: !0,
+            markersSelectable: !0,
+            markers: [
+                { name: "Greenland", coords: [72, -42] },
+                { name: "Canada", coords: [56.1304, -106.3468] },
+                { name: "Brazil", coords: [-14.235, -51.9253] },
+                { name: "Egypt", coords: [26.8206, 30.8025] },
+                { name: "Russia", coords: [61, 105] },
+                { name: "China", coords: [35.8617, 104.1954] },
+                { name: "United States", coords: [37.0902, -95.7129] },
+                { name: "Norway", coords: [60.472024, 8.468946] },
+                { name: "Ukraine", coords: [48.379433, 31.16558] },
+            ],
+            markerStyle: {
+                initial: { fill: "#5B8DEC" },
+                selected: { fill: "#ed5565" },
+            },
+            labels: { markers: { render: (a) => a.name } },
+            regionStyle: {
+                initial: { fill: "rgba(169,183,197, 0.2)", fillOpacity: 1 },
+            },
+        });
+    }
+    initCanadaVectorMap() {
+        new jsVectorMap({
+            map: "canada",
+            selector: "#canada-vector-map",
+            zoomOnScroll: !1,
+            regionStyle: { initial: { fill: "#1e84c4" } },
+        });
+    }
+    initRussiaVectorMap() {
+        new jsVectorMap({
+            map: "russia",
+            selector: "#russia-vector-map",
+            zoomOnScroll: !1,
+            regionStyle: { initial: { fill: "#1bb394" } },
+        });
+    }
+    initIraqVectorMap() {
+        new jsVectorMap({
+            map: "iraq",
+            selector: "#iraq-vector-map",
+            zoomOnScroll: !1,
+            regionStyle: { initial: { fill: "#f8ac59" } },
+        });
+    }
+    initSpainVectorMap() {
+        new jsVectorMap({
+            map: "spain",
+            selector: "#spain-vector-map",
+            zoomOnScroll: !1,
+            regionStyle: { initial: { fill: "#23c6c8" } },
+        });
+    }
+    initUsaVectorMap() {
+        new jsVectorMap({
+            map: "us_merc_en",
+            selector: "#usa-vector-map",
+            regionStyle: { initial: { fill: "#ffe381" } },
+        });
+    }
+    init() {
+        this.initWorldMapMarker(),
+            this.initCanadaVectorMap(),
+            this.initRussiaVectorMap(),
+            this.initIraqVectorMap(),
+            this.initSpainVectorMap();
+    }
+}
+document.addEventListener("DOMContentLoaded", function (a) {
+    new VectorMap().init();
+});