nodeMap/.next/static/webpack/components_MapComponent_js.50d24096472da196.hot-update.js

"use strict";
/*
 * ATTENTION: An "eval-source-map" devtool has been used.
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
self["webpackHotUpdate_N_E"]("components_MapComponent_js",{

/***/ "./components/MapComponent.js":
/*!************************************!*\
  !*** ./components/MapComponent.js ***!
  \************************************/
/***/ (function(module, __webpack_exports__, __webpack_require__) {

eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"./node_modules/react/jsx-dev-runtime.js\");\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var leaflet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! leaflet */ \"./node_modules/leaflet/dist/leaflet-src.js\");\n/* harmony import */ var leaflet__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(leaflet__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var leaflet_dist_leaflet_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! leaflet/dist/leaflet.css */ \"./node_modules/leaflet/dist/leaflet.css\");\n/* harmony import */ var leaflet_dist_leaflet_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(leaflet_dist_leaflet_css__WEBPACK_IMPORTED_MODULE_3__);\n\nvar _s = $RefreshSig$();\n\n\n\nconst MapComponent = ()=>{\n    _s();\n    const mapRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);\n    const [map, setMap] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);\n    function addMarker(map) {\n        const marker = leaflet__WEBPACK_IMPORTED_MODULE_2___default().marker([\n            53.111111,\n            8.4625\n        ]).addTo(map);\n        marker.bindPopup(\"<b>Hallo Welt!</b><br>Ich bin ein Popup.\").openPopup();\n    }\n    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{\n        if (mapRef.current && !map) {\n            const initialMap = leaflet__WEBPACK_IMPORTED_MODULE_2___default().map(mapRef.current, {\n                center: [\n                    53.111111,\n                    8.4625\n                ],\n                zoom: 10\n            });\n            initialMap.on(\"contextmenu\", (event)=>{\n                leaflet__WEBPACK_IMPORTED_MODULE_2___default().popup().setLatLng(event.latlng).setContent('<p><button onclick=\"zoomIn()\">Zoom in</button></p>').openOn(initialMap);\n            });\n            window.zoomIn = ()=>{\n                initialMap.zoomIn();\n            };\n            leaflet__WEBPACK_IMPORTED_MODULE_2___default().tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n                attribution: '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\n            }).addTo(initialMap);\n            addMarker(initialMap);\n            setMap(initialMap);\n        }\n    }, [\n        mapRef,\n        map\n    ]);\n    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n        id: \"map\",\n        ref: mapRef,\n        style: {\n            height: \"100vh\",\n            width: \"100vw\",\n            overflow: \"hidden\"\n        }\n    }, void 0, false, {\n        fileName: \"C:\\\\Users\\\\isa.LTW\\\\Desktop\\\\15.04.2024\\\\wwwrootTalas5NodeMap\\\\components\\\\MapComponent.js\",\n        lineNumber: 43,\n        columnNumber: 5\n    }, undefined);\n};\n_s(MapComponent, \"hrjJ5kO61HK25w0Ou2mn4NNKy3A=\");\n_c = MapComponent;\n/* harmony default export */ __webpack_exports__[\"default\"] = (MapComponent);\nvar _c;\n$RefreshReg$(_c, \"MapComponent\");\n\n\n;\n    // Wrapped in an IIFE to avoid polluting the global scope\n    ;\n    (function () {\n        var _a, _b;\n        // Legacy CSS implementations will `eval` browser code in a Node.js context\n        // to extract CSS. For backwards compatibility, we need to check we're in a\n        // browser context before continuing.\n        if (typeof self !== 'undefined' &&\n            // AMP / No-JS mode does not inject these helpers:\n            '$RefreshHelpers$' in self) {\n            // @ts-ignore __webpack_module__ is global\n            var currentExports = module.exports;\n            // @ts-ignore __webpack_module__ is global\n            var prevSignature = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevSignature) !== null && _b !== void 0 ? _b : null;\n            // This cannot happen in MainTemplate because the exports mismatch between\n            // templating and execution.\n            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);\n            // A module can be accepted automatically based on its exports, e.g. when\n            // it is a Refresh Boundary.\n            if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n                // Save the previous exports signature on update so we can compare the boundary\n                // signatures. We avoid saving exports themselves since it causes memory leaks (https://github.com/vercel/next.js/pull/53797)\n                module.hot.dispose(function (data) {\n                    data.prevSignature =\n                        self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports);\n                });\n                // Unconditionally accept an update to this module, we'll check if it's\n                // still a Refresh Boundary later.\n                // @ts-ignore importMeta is replaced in the loader\n                module.hot.accept();\n                // This field is set when the previous version of this module was a\n                // Refresh Boundary, letting us know we need to check for invalidation or\n                // enqueue an update.\n                if (prevSignature !== null) {\n                    // A boundary can become ineligible if its exports are incompatible\n                    // with the previous exports.\n                    //\n                    // For example, if you add/remove/change exports, we'll want to\n                    // re-execute the importing modules, and force those components to\n                    // re-render. Similarly, if you convert a class component to a\n                    // function, we want to invalidate the boundary.\n                    if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevSignature, self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports))) {\n                        module.hot.invalidate();\n                    }\n                    else {\n                        self.$RefreshHelpers$.scheduleUpdate();\n                    }\n                }\n            }\n            else {\n                // Since we just executed the code for the module, it's possible that the\n                // new exports made it ineligible for being a boundary.\n                // We only care about the case when we were _previously_ a boundary,\n                // because we already accepted this update (accidental side effect).\n                var isNoLongerABoundary = prevSignature !== null;\n                if (isNoLongerABoundary) {\n                    module.hot.invalidate();\n                }\n            }\n        }\n    })();\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUEyRDtBQUNuQztBQUNVO0FBRWxDLE1BQU1LLGVBQWU7O0lBQ25CLE1BQU1DLFNBQVNKLDZDQUFNQSxDQUFDO0lBQ3RCLE1BQU0sQ0FBQ0ssS0FBS0MsT0FBTyxHQUFHTCwrQ0FBUUEsQ0FBQztJQUUvQixTQUFTTSxVQUFVRixHQUFHO1FBQ3BCLE1BQU1HLFNBQVNOLHFEQUFRLENBQUM7WUFBQztZQUFXO1NBQU8sRUFBRU8sS0FBSyxDQUFDSjtRQUNuREcsT0FBT0UsU0FBUyxDQUFDLDRDQUE0Q0MsU0FBUztJQUN4RTtJQUVBWixnREFBU0EsQ0FBQztRQUNSLElBQUlLLE9BQU9RLE9BQU8sSUFBSSxDQUFDUCxLQUFLO1lBQzFCLE1BQU1RLGFBQWFYLGtEQUFLLENBQUNFLE9BQU9RLE9BQU8sRUFBRTtnQkFDdkNFLFFBQVE7b0JBQUM7b0JBQVc7aUJBQU87Z0JBQzNCQyxNQUFNO1lBQ1I7WUFFQUYsV0FBV0csRUFBRSxDQUFDLGVBQWUsQ0FBQ0M7Z0JBQzVCZixvREFBTyxHQUNKaUIsU0FBUyxDQUFDRixNQUFNRyxNQUFNLEVBQ3RCQyxVQUFVLENBQUMsc0RBQ1hDLE1BQU0sQ0FBQ1Q7WUFDWjtZQUVBVSxPQUFPQyxNQUFNLEdBQUc7Z0JBQ2RYLFdBQVdXLE1BQU07WUFDbkI7WUFFQXRCLHdEQUFXLENBQUMsc0RBQXNEO2dCQUNoRXdCLGFBQ0U7WUFDSixHQUFHakIsS0FBSyxDQUFDSTtZQUNUTixVQUFVTTtZQUVWUCxPQUFPTztRQUNUO0lBQ0YsR0FBRztRQUFDVDtRQUFRQztLQUFJO0lBRWhCLHFCQUNFLDhEQUFDc0I7UUFDQ0MsSUFBRztRQUNIQyxLQUFLekI7UUFDTDBCLE9BQU87WUFBRUMsUUFBUTtZQUFTQyxPQUFPO1lBQVNDLFVBQVU7UUFBUzs7Ozs7O0FBR25FO0dBNUNNOUI7S0FBQUE7QUE4Q04sK0RBQWVBLFlBQVlBLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9fTl9FLy4vY29tcG9uZW50cy9NYXBDb21wb25lbnQuanM/ZDA3ZCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBMIGZyb20gXCJsZWFmbGV0XCI7XHJcbmltcG9ydCBcImxlYWZsZXQvZGlzdC9sZWFmbGV0LmNzc1wiO1xyXG5cclxuY29uc3QgTWFwQ29tcG9uZW50ID0gKCkgPT4ge1xyXG4gIGNvbnN0IG1hcFJlZiA9IHVzZVJlZihudWxsKTtcclxuICBjb25zdCBbbWFwLCBzZXRNYXBdID0gdXNlU3RhdGUobnVsbCk7XHJcblxyXG4gIGZ1bmN0aW9uIGFkZE1hcmtlcihtYXApIHtcclxuICAgIGNvbnN0IG1hcmtlciA9IEwubWFya2VyKFs1My4xMTExMTEsIDguNDYyNV0pLmFkZFRvKG1hcCk7XHJcbiAgICBtYXJrZXIuYmluZFBvcHVwKFwiPGI+SGFsbG8gV2VsdCE8L2I+PGJyPkljaCBiaW4gZWluIFBvcHVwLlwiKS5vcGVuUG9wdXAoKTtcclxuICB9XHJcblxyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICBpZiAobWFwUmVmLmN1cnJlbnQgJiYgIW1hcCkge1xyXG4gICAgICBjb25zdCBpbml0aWFsTWFwID0gTC5tYXAobWFwUmVmLmN1cnJlbnQsIHtcclxuICAgICAgICBjZW50ZXI6IFs1My4xMTExMTEsIDguNDYyNV0sXHJcbiAgICAgICAgem9vbTogMTAsXHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaW5pdGlhbE1hcC5vbihcImNvbnRleHRtZW51XCIsIChldmVudCkgPT4ge1xyXG4gICAgICAgIEwucG9wdXAoKVxyXG4gICAgICAgICAgLnNldExhdExuZyhldmVudC5sYXRsbmcpXHJcbiAgICAgICAgICAuc2V0Q29udGVudCgnPHA+PGJ1dHRvbiBvbmNsaWNrPVwiem9vbUluKClcIj5ab29tIGluPC9idXR0b24+PC9wPicpXHJcbiAgICAgICAgICAub3Blbk9uKGluaXRpYWxNYXApO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIHdpbmRvdy56b29tSW4gPSAoKSA9PiB7XHJcbiAgICAgICAgaW5pdGlhbE1hcC56b29tSW4oKTtcclxuICAgICAgfTtcclxuXHJcbiAgICAgIEwudGlsZUxheWVyKFwiaHR0cHM6Ly97c30udGlsZS5vcGVuc3RyZWV0bWFwLm9yZy97en0ve3h9L3t5fS5wbmdcIiwge1xyXG4gICAgICAgIGF0dHJpYnV0aW9uOlxyXG4gICAgICAgICAgJyZjb3B5OyA8YSBocmVmPVwiaHR0cHM6Ly93d3cub3BlbnN0cmVldG1hcC5vcmcvY29weXJpZ2h0XCI+T3BlblN0cmVldE1hcDwvYT4gY29udHJpYnV0b3JzJyxcclxuICAgICAgfSkuYWRkVG8oaW5pdGlhbE1hcCk7XHJcbiAgICAgIGFkZE1hcmtlcihpbml0aWFsTWFwKTtcclxuXHJcbiAgICAgIHNldE1hcChpbml0aWFsTWFwKTtcclxuICAgIH1cclxuICB9LCBbbWFwUmVmLCBtYXBdKTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXZcclxuICAgICAgaWQ9XCJtYXBcIlxyXG4gICAgICByZWY9e21hcFJlZn1cclxuICAgICAgc3R5bGU9e3sgaGVpZ2h0OiBcIjEwMHZoXCIsIHdpZHRoOiBcIjEwMHZ3XCIsIG92ZXJmbG93OiBcImhpZGRlblwiIH19XHJcbiAgICA+PC9kaXY+XHJcbiAgKTtcclxufTtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IE1hcENvbXBvbmVudDtcclxuIl0sIm5hbWVzIjpbIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlUmVmIiwidXNlU3RhdGUiLCJMIiwiTWFwQ29tcG9uZW50IiwibWFwUmVmIiwibWFwIiwic2V0TWFwIiwiYWRkTWFya2VyIiwibWFya2VyIiwiYWRkVG8iLCJiaW5kUG9wdXAiLCJvcGVuUG9wdXAiLCJjdXJyZW50IiwiaW5pdGlhbE1hcCIsImNlbnRlciIsInpvb20iLCJvbiIsImV2ZW50IiwicG9wdXAiLCJzZXRMYXRMbmciLCJsYXRsbmciLCJzZXRDb250ZW50Iiwib3Blbk9uIiwid2luZG93Iiwiem9vbUluIiwidGlsZUxheWVyIiwiYXR0cmlidXRpb24iLCJkaXYiLCJpZCIsInJlZiIsInN0eWxlIiwiaGVpZ2h0Iiwid2lkdGgiLCJvdmVyZmxvdyJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./components/MapComponent.js\n"));

/***/ })

});