{"version":3,"sources":["webpack:///./src/components/Map-New.vue?65cf","webpack:///./src/pages/bando/index.vue","webpack:///./src/components/Map-New.vue","webpack:///src/components/Map-New.vue","webpack:///./src/components/Map-New.vue?914f","webpack:///./src/components/Map-New.vue?0d0b","webpack:///src/pages/bando/index.vue","webpack:///./src/pages/bando/index.vue?3199","webpack:///./src/pages/bando/index.vue?755b","webpack:///./src/assets/images/5.png","webpack:///./src/pages/bando/index.vue?1569","webpack:///./src/components/Map-New.vue?4f01"],"names":["render","_vm","this","_c","_self","staticRenderFns","ref","staticStyle","attrs","staticClass","require","on","resetMap","selectedFeatureTitle","selectedFeatureDaiDien","selectedFeatureAddress","selectedFeatureSdt","selectedFeatureSanPham","selectedFeatureMota","class","showModal","_v","_s","selectedFeatureName","closeModal","_e","_m","name","components","LPopup","data","map","selectedFeatureDetails","checkbox1","checkbox2","checkbox3","checkbox4","checkbox5","checkbox6","checkbox7","checkbox8","checkbox9","markers","mounted","initMap","addShapeLayer","watch","showMarkers","toggleMarkers","methods","L","$refs","minZoom","maxZoom","zoomSnap","setView","_this","forEach","marker","addTo","removeLayer","handleCheckboxChange","checkboxName","_this2","isChecked","console","log","concat","_this3","popupTemplate","popupTemplateNoImg","compilePopupTemplate","feature","replace","properties","Name","Image","googlemap","compilePopupTemplateNoImg","DaiDien","Address","Sdt","SanPham","customIcon","icon","iconUrl","iconSize","iconAnchor","popupAnchor","customIcon2","customIcon3","customIcon4","customIcon5","customIcon6","customIcon7","customIcon8","customIcon9","smoke","geoJSON","rankTinh","rankHuyen","onEachFeature","layer","Code","setStyle","className","District","districtName","center","getBounds","getCenter","divIcon","html","shapeData","pointToLayer","latlng","popupContent","bindPopup","getLatLng","Title","Mota","component","Map","apiView","process","url","totalRows","numberOfElement","perPage","currentPage","sortDesc","model","menu","filterOn","isArray","pageOptions","menuName","computed","created","window","addEventListener","windowScroll","destroyed","removeEventListener","start","Date","starttime","getTime","end","endtime","module","exports"],"mappings":"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","file":"js/chunk-c25146fa.785e1eed.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map-New.vue?vue&type=style&index=1&id=7ad929ef&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('Map')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{ref:\"map\",staticStyle:{\"height\":\"650px\"}},[_c('l-popup',{attrs:{\"content\":\"Popup\"}}),_c('img',{staticClass:\"icon-vn\",attrs:{\"src\":require(\"@/assets/images/la-co-viet-nam.png\"),\"alt\":\"\"}}),_c('i',{staticClass:\"bx bx-reset btn-reset-map\",on:{\"click\":_vm.resetMap}})],1),(_vm.selectedFeatureTitle || _vm.selectedFeatureDaiDien || _vm.selectedFeatureAddress || _vm.selectedFeatureSdt || _vm.selectedFeatureSanPham || _vm.selectedFeatureMota)?_c('div',{staticClass:\"modal-popup\",class:{ 'is-active': _vm.showModal }},[_c('div',{staticClass:\"title-popup\"},[_c('span',{staticClass:\"name-content-popup\"},[_vm._v(\" \"+_vm._s(_vm.selectedFeatureName)+\" \")]),_c('button',{staticClass:\"modal-close is-large\",attrs:{\"aria-label\":\"close\"},on:{\"click\":_vm.closeModal}},[_c('i',{staticClass:\"fa fa-times\",attrs:{\"aria-hidden\":\"true\"}})])]),_c('div',{staticClass:\"detail-popup\"},[(_vm.selectedFeatureTitle)?_c('div',{staticClass:\"content-popup\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.selectedFeatureTitle)+\" \")])]):_vm._e(),(_vm.selectedFeatureDaiDien && _vm.selectedFeatureAddress && _vm.selectedFeatureSdt && _vm.selectedFeatureSanPham)?_c('div',{staticClass:\"content-popup mt-3\"},[(_vm.selectedFeatureDaiDien)?_c('p',[_c('i',{staticClass:\"bx bx-user icon-bx\"}),_c('span',[_vm._v(\" Người đại diện: \"+_vm._s(_vm.selectedFeatureDaiDien)+\" \")])]):_vm._e(),(_vm.selectedFeatureAddress)?_c('p',[_c('i',{staticClass:\"bx bx-map-pin icon-bx\"}),_c('span',[_vm._v(\" Địa chỉ: \"+_vm._s(_vm.selectedFeatureAddress)+\" \")])]):_vm._e(),(_vm.selectedFeatureSdt)?_c('p',[_c('i',{staticClass:\"bx bx-phone-call icon-bx\"}),_c('span',[_vm._v(\" Số điện thoại: \"+_vm._s(_vm.selectedFeatureSdt)+\" \")])]):_vm._e(),(_vm.selectedFeatureSanPham)?_c('p',[_c('i',{staticClass:\"bx bx-food-menu icon-bx\"}),_c('span',[_vm._v(\" Sản phẩm: \"+_vm._s(_vm.selectedFeatureSanPham)+\" \")])]):_vm._e()]):_vm._e(),(_vm.selectedFeatureMota)?_c('div',{staticClass:\"content-popup-name\"},[_c('span',[_vm._v(\" THÔNG TIN \")])]):_vm._e(),(_vm.selectedFeatureMota)?_c('div',{staticClass:\"content-popup\"},[_vm._v(\" \"+_vm._s(_vm.selectedFeatureMota)+\" \")]):_vm._e()])]):_vm._e(),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"panel-bando\"},[_c('div',{staticClass:\"panel-one\"},[_c('div',{staticClass:\"panel-main\"},[_c('div',{staticClass:\"panel-title\"},[_c('div',{staticClass:\"logo-panel\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/5.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"name\"},[_c('p',{staticClass:\"name1\"},[_vm._v(\"Bản đồ số sen\")]),_c('p',{staticClass:\"name2\"},[_vm._v(\"Tỉnh Đồng Tháp\")])])])]),_c('div',{staticClass:\"panel-section\"},[_c('ul',{staticClass:\"card-icon\"},[_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('div',{staticClass:\"vung-trong\"})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Vùng trồng sen\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep1.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Chế biến\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep2.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Kinh doanh\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep3.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Sản xuất\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep4.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Sơ chế\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep5.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Thu gom\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep6.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Thu mua, sơ chế\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/marker_doanhnghiep7.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Điểm trồng sen\")])]),_c('li',{staticClass:\"item\"},[_c('span',{staticClass:\"icon\"},[_c('img',{staticClass:\"img-camera\",attrs:{\"src\":require(\"@/assets/images/icon/camera.png\"),\"alt\":\"\"}})]),_c('span',{staticClass:\"card-icon-name\"},[_vm._v(\"Địa điểm du lịch\")])])])])])])\n}]\n\nexport { render, staticRenderFns }","<script>\r\nimport L from 'leaflet';\r\nimport shapeData from './ShapeData.geojson';\r\nimport rankHuyen from './ShapeRankHuyen.geojson';\r\nimport rankTinh from './ShapeDongThap.geojson';\r\nimport { LPopup } from 'vue2-leaflet';\r\n\r\nexport default {\r\n    name: 'bando',\r\n    components: {\r\n        LPopup\r\n    },\r\n    data() {\r\n        return {\r\n            map: null,\r\n            showModal: false,\r\n            selectedFeatureName: '',\r\n            selectedFeatureDetails: '',\r\n            selectedFeatureTitle: '',\r\n            selectedFeatureMota: '',\r\n            selectedFeatureDaiDien: '',\r\n            selectedFeatureAddress: '',\r\n            selectedFeatureSdt: '',\r\n            selectedFeatureSanPham: '',\r\n            checkbox1: false,\r\n            checkbox2: false,\r\n            checkbox3: false,\r\n            checkbox4: false,\r\n            checkbox5: false,\r\n            checkbox6: false,\r\n            checkbox7: false,\r\n            checkbox8: false,\r\n            checkbox9: false,\r\n            markers: [], // Danh sách marker\r\n        };\r\n    },\r\n    mounted() {\r\n        this.initMap();\r\n        this.addShapeLayer();\r\n    },\r\n    watch: {\r\n        // Theo dõi sự thay đổi của biến showMarkers\r\n        showMarkers() {\r\n            // Gọi hàm toggleMarkers mỗi khi showMarkers thay đổi\r\n            this.toggleMarkers();\r\n        }\r\n    },\r\n    methods: {\r\n        initMap() {\r\n            this.map = L.map(this.$refs.map, {\r\n                minZoom: 2,\r\n                maxZoom: 20,\r\n                zoomSnap: 0.1,\r\n            }).setView([10.472155, 105.570464], 9.4);\r\n        },\r\n\r\n        resetMap() {\r\n            // Đặt lại tọa độ và mức zoom của bản đồ về giá trị ban đầu\r\n            this.map.setView([10.472155, 105.570464], 9.4);\r\n        },\r\n\r\n        toggleMarkers() {\r\n            // Hiển thị hoặc ẩn các marker dựa trên trạng thái của checkbox\r\n            if (this.showMarkers) {\r\n                // Nếu checkbox được chọn, thêm tất cả các marker vào bản đồ\r\n                this.markers.forEach(marker => {\r\n                    marker.addTo(this.map);\r\n                });\r\n            } else {\r\n                // Nếu checkbox không được chọn, loại bỏ tất cả các marker khỏi bản đồ\r\n                this.markers.forEach(marker => {\r\n                    this.map.removeLayer(marker);\r\n                });\r\n            }\r\n        },\r\n       \r\n\r\n        handleCheckboxChange(checkboxName) {\r\n            // Xử lý thay đổi của checkbox dựa trên tên của checkbox\r\n            const isChecked = this[checkboxName];\r\n            console.log(\"CHECK: \", this[checkboxName]);\r\n            // Thực hiện các hành động tùy thuộc vào tên của checkbox\r\n            if (isChecked) {\r\n                this.markers.forEach(marker => {\r\n                    marker.addTo(this.map);\r\n                });\r\n                // Nếu checkbox được chọn, thực hiện hành động tương ứng\r\n                console.log(`Checkbox ${checkboxName} đã được chọn.`);\r\n            } else {\r\n                this.markers.forEach(marker => {\r\n                    this.map.removeLayer(marker);\r\n                });\r\n                // Nếu checkbox không được chọn, thực hiện hành động tương ứng\r\n                console.log(`Checkbox ${checkboxName} đã bị bỏ chọn.`);\r\n            }\r\n        },\r\n\r\n\r\n        //popup\r\n        addShapeLayer() {\r\n\r\n            // Xây dựng template popup từ template HTML\r\n            const popupTemplate = `\r\n                <div class=\"custom-popup\">\r\n                    <img src='{{ image }}' alt=\"\" />\r\n                    <p>{{ name }}</p>\r\n                </div>\r\n            `;\r\n\r\n            const popupTemplateNoImg = `\r\n                <div class=\"custom-popup-no-img\">\r\n                    <p class=\"custom-popup-center\">{{ name }}</p>\r\n                    <p>Người đại diện: <span>{{ DaiDien }}</span></p>\r\n                    <p>Địa chỉ: <span>{{ Address }}</span></p>\r\n                    <p>Số điện thoại: <span>{{ Sdt }}</span></p>\r\n                    <p>Sản phẩm: <span>{{ SanPham }}</span></p>\r\n                </div>\r\n            `;\r\n\r\n            // Định nghĩa hàm để thay thế placeholder trong template\r\n            function compilePopupTemplate(feature) {\r\n                return popupTemplate\r\n                    .replace('{{ name }}', feature.properties.Name)\r\n                    .replace('{{ image }}', feature.properties.Image)\r\n                    .replace('{{ googlemap }}', feature.googlemap )\r\n            }\r\n\r\n            function compilePopupTemplateNoImg(feature) {\r\n                return popupTemplateNoImg\r\n                    .replace('{{ name }}', feature.properties.Name)\r\n                    .replace('{{ DaiDien }}', feature.properties.DaiDien)\r\n                    .replace('{{ Address }}', feature.properties.Address)\r\n                    .replace('{{ Sdt }}', feature.properties.Sdt)\r\n                    .replace('{{ SanPham }}', feature.properties.SanPham)\r\n                    .replace('{{ googlemap }}', feature.googlemap )\r\n            }\r\n            // Định nghĩa Icon cho marker\r\n            const customIcon = L.icon({\r\n                iconUrl: require('./marker-icon.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n\r\n            const customIcon2 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep1.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon3 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep2.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon4 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep3.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon5 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep4.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon6 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep5.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon7 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep6.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon8 = L.icon({\r\n                iconUrl: require('./icon/marker_doanhnghiep7.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n            });\r\n            const customIcon9 = L.icon({\r\n                iconUrl: require('./icon/camera.png'), // Đường dẫn đến tệp icon\r\n                iconSize: [24], // Kích thước của icon (chiều rộng, chiều cao)\r\n                iconAnchor: [18, 38], // Điểm neo của icon (nằm ở giữa dưới)\r\n                popupAnchor: [0, -32], // Vị trí của popup (nằm ở trên icon)\r\n                smoke: \"#fff\"\r\n            });\r\n\r\n            \r\n            \r\n            // Thêm dữ liệu GeoJSON và xử lý Marker\r\n            L.geoJSON(rankTinh).addTo(this.map);\r\n\r\n            L.geoJSON(rankHuyen, {\r\n                onEachFeature: (feature, layer) => {\r\n                    if (feature.properties && feature.properties.Code && feature.properties.Code == \"1\") {\r\n                        // Thêm lớp CSS cho polygon có code == 1\r\n                        layer.setStyle({ className: 'custom-huyen' });\r\n                    }\r\n                    if (feature.properties && feature.properties.District) {\r\n                        const districtName = feature.properties.District;\r\n                        const center = layer.getBounds().getCenter();\r\n                        L.marker(center, {\r\n                            icon: L.divIcon({\r\n                                className: 'text-label',\r\n                                html: `<p>${districtName}</p>`\r\n                            })\r\n                        }).addTo(this.map);\r\n                    }\r\n                }\r\n            }).addTo(this.map);\r\n\r\n            /**************************** MAKER **********************/\r\n\r\n            L.geoJSON(shapeData, {\r\n                pointToLayer: (feature, latlng) => {\r\n                    if(\r\n                        feature.properties.Code == \"1\" || \r\n                        feature.properties.Code == \"1-1\" ||\r\n                        feature.properties.Code == \"1-2\" ||\r\n                        feature.properties.Code == \"1-3\" ||\r\n                        feature.properties.Code == \"1-4\"\r\n                    ){\r\n                        // Tạo marker cho từng đối tượng Point trong GeoJSON\r\n                        return L.marker(latlng, { icon: customIcon });\r\n                    }\r\n                    if(feature.properties.Code == \"2\"){\r\n                        return L.marker(latlng, { icon: customIcon2 });\r\n                    }\r\n                    if(feature.properties.Code == \"3\"){\r\n                        return L.marker(latlng, { icon: customIcon3 });\r\n                    }\r\n                    if(feature.properties.Code == \"4\"){\r\n                        return L.marker(latlng, { icon: customIcon4 });\r\n                    }\r\n                    if(feature.properties.Code == \"5\"){\r\n                        return L.marker(latlng, { icon: customIcon5 });\r\n                    }\r\n                    if(feature.properties.Code == \"6\"){\r\n                        return L.marker(latlng, { icon: customIcon6 });\r\n                    }\r\n                    if(feature.properties.Code == \"7\"){\r\n                        return L.marker(latlng, { icon: customIcon7 });\r\n                    }\r\n                    if(feature.properties.Code == \"8\"){\r\n                        return L.marker(latlng, { icon: customIcon8 });\r\n                    }\r\n                    if(feature.properties.Code == \"9\"){\r\n                        return L.marker(latlng, { icon: customIcon9 });\r\n                    }\r\n                },\r\n                onEachFeature: (feature, layer) => {\r\n                    if (feature.properties && feature.properties.Code && feature.properties.Code == \"9999\") {\r\n                        // Thêm lớp CSS cho polygon có code == 9999\r\n                        layer.setStyle({ className: 'custom-point' });\r\n                    }\r\n                    if (feature.properties && feature.properties.Image) {\r\n                        const popupContent = compilePopupTemplate(feature);\r\n                        layer.bindPopup(popupContent);\r\n                    }\r\n                    else{\r\n                        const popupContent = compilePopupTemplateNoImg(feature);\r\n                        layer.bindPopup(popupContent);\r\n                    }\r\n                    layer.on('click', () => {\r\n                        const latlng = layer.getLatLng();\r\n                        // Đặt tâm nhìn bản đồ tới vị trí của marker\r\n                        this.map.setView(latlng);\r\n                        this.showModal = true;\r\n                        this.selectedFeatureName = feature.properties.Name;\r\n                        this.selectedFeatureTitle = feature.properties.Title;\r\n                        this.selectedFeatureDaiDien = feature.properties.DaiDien;\r\n                        this.selectedFeatureAddress = feature.properties.Address;\r\n                        this.selectedFeatureSdt = feature.properties.Sdt;\r\n                        this.selectedFeatureSanPham = feature.properties.SanPham;\r\n                    });\r\n                    layer.on('popupclose', () => {\r\n                        // Đóng modal khi popup được đóng\r\n                        this.closeModal();\r\n                    });\r\n                    // layer.on('popupopen', function() {\r\n                    //     this.map.flyTo(layer.getLatLng(), 13); // 13 là mức zoom mong muốn\r\n                    // });\r\n                }\r\n\r\n            }).addTo(this.map);\r\n\r\n            /********************************************************/\r\n\r\n            /**************************** MAKER TRÒN **********************/\r\n            L.geoJSON(shapeData, {\r\n                pointToLayer: function (feature, latlng) {\r\n                    if (feature.properties.Code == \"1\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom custom1'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"1-1\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom custom1-1'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"1-2\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom custom1-2'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"1-3\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom custom1-3'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"1-4\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom custom1-4'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"2\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"3\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"4\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"5\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"6\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"7\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"8\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                    if (feature.properties.Code == \"9\") {\r\n                        return L.marker(latlng, {\r\n                            icon: L.divIcon({\r\n                                className: 'custom-new'\r\n                            })\r\n                        });\r\n                    }\r\n                },\r\n                \r\n                onEachFeature: (feature, layer) => {\r\n                    if (feature.properties && feature.properties.Name) {\r\n                        const popupContent = compilePopupTemplate(feature);\r\n                        layer.bindPopup(popupContent);\r\n                    }\r\n                    layer.on('click', () => {\r\n                        const latlng = layer.getLatLng();\r\n                        // Đặt tâm nhìn bản đồ tới vị trí của marker\r\n                        this.map.setView(latlng);\r\n                        this.showModal = true;\r\n                        this.selectedFeatureName = feature.properties.Name;\r\n                        this.selectedFeatureTitle = feature.properties.Title;\r\n                        this.selectedFeatureMota = feature.properties.Mota;\r\n                        this.selectedFeatureDaiDien = feature.properties.DaiDien;\r\n                        this.selectedFeatureAddress = feature.properties.Address;\r\n                        this.selectedFeatureSdt = feature.properties.Sdt;\r\n                        this.selectedFeatureSanPham = feature.properties.SanPham;\r\n                    });\r\n                    layer.on('popupclose', () => {\r\n                        // Đóng modal khi popup được đóng\r\n                        this.closeModal();\r\n                    });\r\n                    // layer.on('popupopen', function() {\r\n                    //     this.map.flyTo(layer.getLatLng(), 13); // 13 là mức zoom mong muốn\r\n                    // });\r\n                }\r\n            }).addTo(this.map);\r\n        },\r\n\r\n        /********************************************************/\r\n\r\n        closeModal() {\r\n            this.showModal = false;\r\n        }\r\n\r\n\r\n\r\n    }\r\n}\r\n</script>\r\n<template>\r\n    <div>\r\n        <div ref=\"map\" style=\"height: 650px;\">\r\n            <l-popup content=\"Popup\" />\r\n            <img src=\"@/assets/images/la-co-viet-nam.png\" alt=\"\" class=\"icon-vn\">\r\n            <i class='bx bx-reset btn-reset-map' @click=\"resetMap\"></i>\r\n        </div>\r\n        <div class=\"modal-popup\" :class=\"{ 'is-active': showModal }\"\r\n            v-if=\"selectedFeatureTitle || selectedFeatureDaiDien || selectedFeatureAddress || selectedFeatureSdt || selectedFeatureSanPham || selectedFeatureMota\"\r\n        >\r\n            <div class=\"title-popup\">\r\n                <span class=\"name-content-popup\">\r\n                    {{ selectedFeatureName }}\r\n                </span>\r\n                <button class=\"modal-close is-large\" aria-label=\"close\" @click=\"closeModal\">\r\n                    <i class=\"fa fa-times\" aria-hidden=\"true\"></i>\r\n                </button>\r\n            </div>\r\n            <div class=\"detail-popup\">\r\n                <div class=\"content-popup\"\r\n                    v-if=\"selectedFeatureTitle\"\r\n                >\r\n                    <span>\r\n                        {{ selectedFeatureTitle }}\r\n                    </span>\r\n                </div>\r\n                <div class=\"content-popup mt-3\"\r\n                    v-if=\"selectedFeatureDaiDien && selectedFeatureAddress && selectedFeatureSdt && selectedFeatureSanPham\"\r\n                >\r\n                    <p v-if=\"selectedFeatureDaiDien\">\r\n                        <i class='bx bx-user icon-bx'></i>\r\n                        <span>\r\n                            Người đại diện: {{ selectedFeatureDaiDien }}\r\n                        </span>\r\n                    </p>\r\n                    <p v-if=\"selectedFeatureAddress\">\r\n                        <i class='bx bx-map-pin icon-bx'></i>\r\n                        <span>\r\n                            Địa chỉ: {{ selectedFeatureAddress }}\r\n                        </span>\r\n                    </p>\r\n                    <p v-if=\"selectedFeatureSdt\">\r\n                        <i class='bx bx-phone-call icon-bx'></i>\r\n                        <span>\r\n                            Số điện thoại: {{ selectedFeatureSdt }}\r\n                        </span>\r\n                    </p>\r\n                    <p v-if=\"selectedFeatureSanPham\">\r\n                        <i class='bx bx-food-menu icon-bx'></i>\r\n                        <span>\r\n                            Sản phẩm: {{ selectedFeatureSanPham }}\r\n                        </span>\r\n                    </p>\r\n                </div>\r\n                <!-- <div class=\"modal-content\">\r\n                    <p><strong>Name:</strong> {{ selectedFeatureName }}</p>\r\n                    <p><strong>Other details:</strong> {{ selectedFeatureDetails }}</p>\r\n                </div> -->\r\n                <div class=\"content-popup-name\"\r\n                    v-if=\"selectedFeatureMota\"\r\n                >\r\n                    <span>\r\n                        THÔNG TIN\r\n                    </span>\r\n                </div>\r\n                <div class=\"content-popup\"\r\n                    v-if=\"selectedFeatureMota\"\r\n                >\r\n                    {{ selectedFeatureMota }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"panel-bando\">\r\n            <div class=\"panel-one\">\r\n                <div class=\"panel-main\">\r\n                    <div class=\"panel-title\">\r\n                        <div class=\"logo-panel\">\r\n                            <img src=\"@/assets/images/5.png\" alt=\"\">\r\n                        </div>\r\n                        <div class=\"name\">\r\n                            <p class=\"name1\">Bản đồ số sen</p>\r\n                            <p class=\"name2\">Tỉnh Đồng Tháp</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"panel-section\">\r\n                    <!-- <div class=\"title\">\r\n                        <i class='bx bx-star'></i>\r\n                        <span>Thông tin bản đồ</span>\r\n                        <i class='bx bx-star'></i>\r\n                    </div> -->\r\n                    <ul class=\"card-icon\">\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <div class=\"vung-trong\"></div>\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Vùng trồng sen</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox1\" @change=\"handleCheckboxChange('checkbox1')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep1.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Chế biến</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox2\" @change=\"handleCheckboxChange('checkbox2')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep2.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Kinh doanh</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox3\" @change=\"handleCheckboxChange('checkbox3')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep3.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Sản xuất</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox4\" @change=\"handleCheckboxChange('checkbox4')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep4.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Sơ chế</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox5\" @change=\"handleCheckboxChange('checkbox5')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep5.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Thu gom</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox6\" @change=\"handleCheckboxChange('checkbox6')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep6.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Thu mua, sơ chế</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox7\" @change=\"handleCheckboxChange('checkbox7')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/marker_doanhnghiep7.png\" alt=\"\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Điểm trồng sen</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox8\" @change=\"handleCheckboxChange('checkbox8')\"> -->\r\n                        </li>\r\n                        <li class=\"item\">\r\n                            <span class=\"icon\">\r\n                                <img src=\"@/assets/images/icon/camera.png\" alt=\"\" class=\"img-camera\">\r\n                            </span>\r\n                            <span class=\"card-icon-name\">Địa điểm du lịch</span>\r\n                            <!-- <input type=\"checkbox\" class=\"check\" v-model=\"checkbox9\" @change=\"handleCheckboxChange('checkbox9')\"> -->\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style scoped>\r\n.content-popup {\r\n    border: 1px solid #ddd;\r\n    border-radius: 15px;\r\n    border-top: 3px solid #ec008b;\r\n    padding: 15px;\r\n    text-align: justify;\r\n}\r\n.content-popup p{\r\n    color: #000;\r\n}\r\n\r\n.content-popup-name{\r\n    text-align: center;\r\n    font-weight: bold;\r\n    color: #ec008b;\r\n    font-size: clamp(0.625rem, 0.4018rem + 0.7143vw, 0.9375rem);\r\n}\r\n.icon-bx{\r\n    font-size: 16px;\r\n    color: #ec008b;\r\n    margin-right: 5px;\r\n}\r\n\r\n.detail-popup {\r\n    padding: 10px;\r\n    overflow: scroll;\r\n    overflow-x: hidden;\r\n    height: 608px;\r\n}\r\n</style>\r\n\r\n<style>\r\n/* Định dạng CSS tùy chỉnh cho marker */\r\n.marker-icon {\r\n    background-image: url('./marker-icon.png');\r\n    background-size: contain;\r\n    width: 32px;\r\n    height: 32px;\r\n}\r\n\r\n.icon-vn {\r\n    position: absolute;\r\n    z-index: 9999;\r\n    width: 30px;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.leaflet-control-attribution a {\r\n    display: none !important;\r\n}\r\n\r\n.leaflet-pane>svg path.leaflet-interactive {\r\n    position: relative !important;\r\n    height: 50px !important;\r\n}\r\n\r\n.leaflet-popup {\r\n    left: -182px !important;\r\n}\r\n\r\n.custom{\r\n    width: 50px !important;\r\n    height: 50px !important;\r\n    background-color: #3287cc;\r\n    border: none;\r\n    border-radius: 50%;\r\n    /* Để làm cho nó trở thành hình tròn */\r\n    margin-left: -32px !important;\r\n    margin-top: -60px !important;\r\n    border: 3px solid #ec008b !important;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n}\r\n\r\n.custom1 {\r\n    background-image: url(\"../assets/images/marker-tron/1.jpg\");\r\n}\r\n.custom1-1 {\r\n    background-image: url(\"../assets/images/marker-tron/2.jpg\");\r\n}\r\n.custom1-2 {\r\n    background-image: url(\"../assets/images/marker-tron/3.jpg\");\r\n}\r\n.custom1-3 {\r\n    background-image: url(\"../assets/images/marker-tron/4.jpg\");\r\n}\r\n.custom1-4 {\r\n    background-image: url(\"../assets/images/marker-tron/5.jpg\");\r\n}\r\n\r\n.custom-new {\r\n    width: 0px !important;\r\n    height: 0px !important;\r\n}\r\n\r\n.custom-huyen{\r\n    stroke: #49ec69;\r\n    stroke-width: 1;\r\n    fill-opacity: 0.9;\r\n    fill: #d8266e;\r\n}\r\n\r\n.leaflet-container{\r\n    background-color: #ff000038;\r\n}\r\n\r\n.custom-point{\r\n    stroke: #000 !important;\r\n    fill-opacity: 0.9;\r\n    fill: #fff;\r\n}\r\n\r\n.custom-popup-no-img{\r\n    top: -180px;\r\n}\r\n\r\n.leaflet-popup-content-wrapper {\r\n    width: 350px !important;\r\n}\r\n\r\n.leaflet-popup-content {\r\n    width: auto !important;\r\n    margin: 0px !important;\r\n}\r\n\r\n.custom-popup, .custom-popup-no-img {\r\n    padding: 15px;\r\n}\r\n\r\n.custom-popup img {\r\n    width: 100%;\r\n    border-radius: 12px;\r\n}\r\n\r\n.custom-popup p {\r\n    text-align: center;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    color: #ec008b;\r\n    margin: 5px;\r\n}\r\n\r\n.custom-popup-no-img p{\r\n    margin: 5px;\r\n    font-weight: bold;\r\n    color: #000;\r\n}\r\n.custom-popup-no-img p span{\r\n    color: #ec008b;\r\n}\r\n.custom-popup-no-img .custom-popup-center{\r\n    color: #ec008b;\r\n    text-align: center;\r\n    text-transform: uppercase\r\n}\r\n\r\n.modal-popup {\r\n    display: none;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0 !important;\r\n    bottom: 0;\r\n    width: 30%;\r\n    /* Điều chỉnh kích thước modal tùy thích */\r\n    background-color: white;\r\n    z-index: 111;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, .2);\r\n}\r\n\r\n.modal-content {\r\n    padding: 20px;\r\n}\r\n\r\n.is-active {\r\n    display: block;\r\n}\r\n\r\n.modal-close {\r\n    background-color: inherit;\r\n    border: none;\r\n    color: #fff;\r\n}\r\n\r\n.title-popup {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    background-color: #ec008b;\r\n    padding: 10px;\r\n    color: #fff;\r\n    font-weight: bold;\r\n}\r\n\r\n.text-label {\r\n    width: 140px !important;\r\n    margin-left: -40px !important;\r\n    color: #fff;\r\n    font-family: 'Montserrat';\r\n}\r\n\r\n.panel-bando{\r\n    display: block;\r\n    /* position: absolute; */\r\n    left: 12px;\r\n    bottom: 0;\r\n    /* width: 250px; */\r\n    /* Điều chỉnh kích thước modal tùy thích */\r\n    /* background-color: #ebffda; */\r\n    background-color: #dbf4c6;\r\n    z-index: 99;\r\n    box-shadow: 0 0 10px rgba(0, 0, 0, .2);\r\n\r\n}\r\n\r\n/* .panel::before {\r\n    content: \"\";\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    right: -15px;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 20px 15px 0 0;\r\n    border-color: rgba(0,0,0,0) #a3bb8f  rgba(0,0,0,0) rgba(0,0,0,0);\r\n} */\r\n\r\n/* .panel::after {\r\n    content: \"\";\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: -15px;\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    border-width: 20px 15px 0 0;\r\n    border-color: rgba(0,0,0,0) #a3bb8f  rgba(0,0,0,0) rgba(0,0,0,0);\r\n} */\r\n\r\n.panel-bando .panel-one{\r\n    position: relative;\r\n}\r\n\r\n/* .panel-main{\r\n    padding: 10px;\r\n} */\r\n\r\n.panel-title{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.panel-title .logo-panel{\r\n    text-align: center;\r\n}\r\n\r\n.panel-title .logo-panel img{\r\n    width: 50px;\r\n}\r\n\r\n.panel-title .name p{\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    text-align: center;\r\n}\r\n\r\n.panel-title .name1{\r\n    font-size: clamp(0.625rem, 0.5357rem + 0.2857vw, 0.75rem);\r\n    color: #51a04b;\r\n}\r\n\r\n.panel-title .name2{\r\n    font-size: clamp(0.625rem, 0.4464rem + 0.5714vw, 0.875rem);\r\n    color: #d8266e;\r\n}\r\n\r\n.panel-section .title{\r\n    font-size: clamp(0.625rem, 0.5357rem + 0.2857vw, 0.75rem);\r\n    color: #d8266e;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    padding: 10px;\r\n}\r\n\r\n.panel-section .title span{\r\n    margin: 0 10px;\r\n}\r\n\r\n.panel-section .card-icon{\r\n    padding: 10px;\r\n    grid-gap: 5px 15px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    list-style: none;\r\n}\r\n\r\n.panel-section .card-icon .card-card{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.panel-section .card-icon .item{\r\n    align-items: center;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    justify-content: space-around;\r\n    padding: 0;\r\n}\r\n\r\n.panel-section .card-icon .item .icon{\r\n    height: 27px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.panel-section .card-icon .item .icon .vung-trong{\r\n    width: 18px;\r\n    height: 18px;\r\n    background-color: #e5e8fc;\r\n    border: 2px solid #3388ff;\r\n}\r\n\r\n.panel-section .card-icon .icon img{\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.panel-section .card-icon .icon .img-camera{\r\n    width: 20px !important;\r\n    height: 20px !important;\r\n}\r\n\r\n.panel-section .card-icon .item .card-icon-name{\r\n    width: 70%;\r\n    color: #000;\r\n    font-weight: bold;\r\n    font-size: clamp(0.625rem, 0.4018rem + 0.7143vw, 0.9375rem);\r\n}\r\n\r\n.panel-section .card-icon .card-card .card-title{\r\n    color: #000;\r\n    font-size: clamp(0.625rem, 0.4018rem + 0.7143vw, 0.9375rem);\r\n}\r\n\r\n.leaflet-top{\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n\r\n.leaflet-left .leaflet-control{\r\n    margin-left: 0px !important;\r\n    margin-right: 10px;\r\n}\r\n\r\n.name-content-popup{\r\n    font-size: clamp(0.625rem, 0.4018rem + 0.7143vw, 0.9375rem);\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n@media only screen and (max-width: 576px) {\r\n  .panel-bando{\r\n    position: static;\r\n    width: 100%;\r\n  }\r\n  .panel-section .card-icon{\r\n    grid-template-columns: 1fr 1fr;\r\n    margin-bottom: 0px;\r\n  }\r\n  .leaflet-container{\r\n    height: 500px !important;\r\n  }\r\n  .modal-popup{\r\n    width: 90% !important;\r\n    height: 250px;\r\n    right: 19px !important;\r\n    top: 250px;\r\n  }\r\n  .leaflet-popup{\r\n    display: none;\r\n  }\r\n    .panel-section .card-icon .icon img{\r\n        width: 21px;\r\n        height: 30px;\r\n    }\r\n    .detail-popup{\r\n        height: 200px !important;\r\n    }\r\n    .btn-map-mobi{\r\n        display: block !important;\r\n    }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n    .modal-popup{\r\n        width: 40%;\r\n    }\r\n}\r\n\r\n\r\n.btn-map{\r\n    border: 2px solid #51a04b !important;\r\n    background-color: #fff !important;\r\n    color: #51a04b !important;\r\n    border: none;\r\n    border-radius: 5px;\r\n    padding: 5px;\r\n    margin-bottom: 10px !important;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-map a{\r\n    color: #51a04b !important;\r\n}\r\n\r\n.btn-map-mobi{\r\n    border: 2px solid #51a04b !important;\r\n    background-color: #fff !important;\r\n    color: #51a04b !important;\r\n    border: none;\r\n    border-radius: 5px;\r\n    padding: 5px;\r\n    margin-bottom: 10px !important;\r\n    cursor: pointer;\r\n    display: none;\r\n    margin-right: 20px;\r\n}\r\n\r\n.btn-reset-map{\r\n    position: absolute;\r\n    right: 30px;\r\n    bottom: 30px;\r\n    font-size: 30px;\r\n    color: #000;\r\n    z-index: 1111;\r\n    \r\n}\r\n\r\n/********************CUSTOM SCROLLBAR **********************/\r\n\r\n::-webkit-scrollbar {\r\n  width: 5px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: #ec008b;\r\n  border-radius: 10px;\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n  box-shadow: inset 0 0 5px #ccc;\r\n  border-radius: 0px;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map-New.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map-New.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map-New.vue?vue&type=template&id=7ad929ef&scoped=true&\"\nimport script from \"./Map-New.vue?vue&type=script&lang=js&\"\nexport * from \"./Map-New.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map-New.vue?vue&type=style&index=0&id=7ad929ef&prod&scoped=true&lang=css&\"\nimport style1 from \"./Map-New.vue?vue&type=style&index=1&id=7ad929ef&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7ad929ef\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport Map from '@/components/Map-New.vue'\r\nimport Multiselect from \"vue-multiselect\";\r\n\r\n/**\r\n * Crypto ICO-landing page\r\n */\r\nexport default {\r\n  components: { Map},\r\n  data() {\r\n    return {\r\n      apiView: `${process.env.VUE_APP_API_URL}filesminio/view/`,\r\n      url: `${process.env.VUE_APP_API_URL}filesminio/view`,\r\n      totalRows: 1,\r\n      numberOfElement: 1,\r\n      perPage: 9,\r\n      currentPage: 1,\r\n      sortDesc: true,\r\n      model: null,\r\n      menu : null,\r\n      filterOn: [],\r\n      isArray : true,\r\n      pageOptions: [5,10,25,50,100],\r\n      menuName : \" \",\r\n    };\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n  },\r\n  created() {\r\n    window.addEventListener(\"scroll\", this.windowScroll);\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"scroll\", this.windowScroll);\r\n  },\r\n  mounted() {\r\n    this.start = new Date(this.starttime).getTime();\r\n    this.end = new Date(this.endtime).getTime();\r\n    // Update the count down every 1 second\r\n  },\r\n  methods: {\r\n\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n        <div class=\"\">\r\n            <Map></Map>\r\n        </div>\r\n</template>\r\n<style>\r\n\r\n.map{\r\n    margin-top: 50px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7e8ee288&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7e8ee288&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/5.4b9ebb22.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=7e8ee288&prod&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map-New.vue?vue&type=style&index=0&id=7ad929ef&prod&scoped=true&lang=css&\""],"sourceRoot":""}