"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(\"Hallo Welt!
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 zoomControl: false\n });\n initialMap.on(\"contextmenu\", (event)=>{\n leaflet__WEBPACK_IMPORTED_MODULE_2___default().popup().setLatLng(event.latlng).setContent('').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: '© OpenStreetMap 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: 44,\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUEyRDtBQUNuQztBQUNVO0FBRWxDLE1BQU1LLGVBQWU7O0lBQ25CLE1BQU1DLFNBQVNKLDZDQUFNQSxDQUFDO0lBQ3RCLE1BQU0sQ0FBQ0ssS0FBS0MsT0FBTyxHQUFHTCwrQ0FBUUEsQ0FBQztJQUUvQixTQUFTTSxVQUFVRixHQUFHO1FBQ3BCLE1BQU1HLFNBQVNOLHFEQUFRLENBQUM7WUFBQztZQUFXO1NBQU8sRUFBRU8sS0FBSyxDQUFDSjtRQUNuREcsT0FBT0UsU0FBUyxDQUFDLDRDQUE0Q0MsU0FBUztJQUN4RTtJQUVBWixnREFBU0EsQ0FBQztRQUNSLElBQUlLLE9BQU9RLE9BQU8sSUFBSSxDQUFDUCxLQUFLO1lBQzFCLE1BQU1RLGFBQWFYLGtEQUFLLENBQUNFLE9BQU9RLE9BQU8sRUFBRTtnQkFDdkNFLFFBQVE7b0JBQUM7b0JBQVc7aUJBQU87Z0JBQzNCQyxNQUFNO2dCQUNOQyxhQUFhO1lBQ2Y7WUFFQUgsV0FBV0ksRUFBRSxDQUFDLGVBQWUsQ0FBQ0M7Z0JBQzVCaEIsb0RBQU8sR0FDSmtCLFNBQVMsQ0FBQ0YsTUFBTUcsTUFBTSxFQUN0QkMsVUFBVSxDQUFDLHNEQUNYQyxNQUFNLENBQUNWO1lBQ1o7WUFFQVcsT0FBT0MsTUFBTSxHQUFHO2dCQUNkWixXQUFXWSxNQUFNO1lBQ25CO1lBRUF2Qix3REFBVyxDQUFDLHNEQUFzRDtnQkFDaEV5QixhQUNFO1lBQ0osR0FBR2xCLEtBQUssQ0FBQ0k7WUFDVE4sVUFBVU07WUFFVlAsT0FBT087UUFDVDtJQUNGLEdBQUc7UUFBQ1Q7UUFBUUM7S0FBSTtJQUVoQixxQkFDRSw4REFBQ3VCO1FBQ0NDLElBQUc7UUFDSEMsS0FBSzFCO1FBQ0wyQixPQUFPO1lBQUVDLFFBQVE7WUFBU0MsT0FBTztZQUFTQyxVQUFVO1FBQVM7Ozs7OztBQUduRTtHQTdDTS9CO0tBQUFBO0FBK0NOLCtEQUFlQSxZQUFZQSxFQUFDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vX05fRS8uL2NvbXBvbmVudHMvTWFwQ29tcG9uZW50LmpzP2QwN2QiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xyXG5pbXBvcnQgTCBmcm9tIFwibGVhZmxldFwiO1xyXG5pbXBvcnQgXCJsZWFmbGV0L2Rpc3QvbGVhZmxldC5jc3NcIjtcclxuXHJcbmNvbnN0IE1hcENvbXBvbmVudCA9ICgpID0+IHtcclxuICBjb25zdCBtYXBSZWYgPSB1c2VSZWYobnVsbCk7XHJcbiAgY29uc3QgW21hcCwgc2V0TWFwXSA9IHVzZVN0YXRlKG51bGwpO1xyXG5cclxuICBmdW5jdGlvbiBhZGRNYXJrZXIobWFwKSB7XHJcbiAgICBjb25zdCBtYXJrZXIgPSBMLm1hcmtlcihbNTMuMTExMTExLCA4LjQ2MjVdKS5hZGRUbyhtYXApO1xyXG4gICAgbWFya2VyLmJpbmRQb3B1cChcIjxiPkhhbGxvIFdlbHQhPC9iPjxicj5JY2ggYmluIGVpbiBQb3B1cC5cIikub3BlblBvcHVwKCk7XHJcbiAgfVxyXG5cclxuICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKG1hcFJlZi5jdXJyZW50ICYmICFtYXApIHtcclxuICAgICAgY29uc3QgaW5pdGlhbE1hcCA9IEwubWFwKG1hcFJlZi5jdXJyZW50LCB7XHJcbiAgICAgICAgY2VudGVyOiBbNTMuMTExMTExLCA4LjQ2MjVdLFxyXG4gICAgICAgIHpvb206IDEwLFxyXG4gICAgICAgIHpvb21Db250cm9sOiBmYWxzZSwgLy8gRGVha3RpdmllcmUgZGllIFN0YW5kYXJkLVpvb21zdGV1ZXJ1bmdcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBpbml0aWFsTWFwLm9uKFwiY29udGV4dG1lbnVcIiwgKGV2ZW50KSA9PiB7XHJcbiAgICAgICAgTC5wb3B1cCgpXHJcbiAgICAgICAgICAuc2V0TGF0TG5nKGV2ZW50LmxhdGxuZylcclxuICAgICAgICAgIC5zZXRDb250ZW50KCc8cD48YnV0dG9uIG9uY2xpY2s9XCJ6b29tSW4oKVwiPlpvb20gaW48L2J1dHRvbj48L3A+JylcclxuICAgICAgICAgIC5vcGVuT24oaW5pdGlhbE1hcCk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgd2luZG93Lnpvb21JbiA9ICgpID0+IHtcclxuICAgICAgICBpbml0aWFsTWFwLnpvb21JbigpO1xyXG4gICAgICB9O1xyXG5cclxuICAgICAgTC50aWxlTGF5ZXIoXCJodHRwczovL3tzfS50aWxlLm9wZW5zdHJlZXRtYXAub3JnL3t6fS97eH0ve3l9LnBuZ1wiLCB7XHJcbiAgICAgICAgYXR0cmlidXRpb246XHJcbiAgICAgICAgICAnJmNvcHk7IDxhIGhyZWY9XCJodHRwczovL3d3dy5vcGVuc3RyZWV0bWFwLm9yZy9jb3B5cmlnaHRcIj5PcGVuU3RyZWV0TWFwPC9hPiBjb250cmlidXRvcnMnLFxyXG4gICAgICB9KS5hZGRUbyhpbml0aWFsTWFwKTtcclxuICAgICAgYWRkTWFya2VyKGluaXRpYWxNYXApO1xyXG5cclxuICAgICAgc2V0TWFwKGluaXRpYWxNYXApO1xyXG4gICAgfVxyXG4gIH0sIFttYXBSZWYsIG1hcF0pO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPGRpdlxyXG4gICAgICBpZD1cIm1hcFwiXHJcbiAgICAgIHJlZj17bWFwUmVmfVxyXG4gICAgICBzdHlsZT17eyBoZWlnaHQ6IFwiMTAwdmhcIiwgd2lkdGg6IFwiMTAwdndcIiwgb3ZlcmZsb3c6IFwiaGlkZGVuXCIgfX1cclxuICAgID48L2Rpdj5cclxuICApO1xyXG59O1xyXG5cclxuZXhwb3J0IGRlZmF1bHQgTWFwQ29tcG9uZW50O1xyXG4iXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VFZmZlY3QiLCJ1c2VSZWYiLCJ1c2VTdGF0ZSIsIkwiLCJNYXBDb21wb25lbnQiLCJtYXBSZWYiLCJtYXAiLCJzZXRNYXAiLCJhZGRNYXJrZXIiLCJtYXJrZXIiLCJhZGRUbyIsImJpbmRQb3B1cCIsIm9wZW5Qb3B1cCIsImN1cnJlbnQiLCJpbml0aWFsTWFwIiwiY2VudGVyIiwiem9vbSIsInpvb21Db250cm9sIiwib24iLCJldmVudCIsInBvcHVwIiwic2V0TGF0TG5nIiwibGF0bG5nIiwic2V0Q29udGVudCIsIm9wZW5PbiIsIndpbmRvdyIsInpvb21JbiIsInRpbGVMYXllciIsImF0dHJpYnV0aW9uIiwiZGl2IiwiaWQiLCJyZWYiLCJzdHlsZSIsImhlaWdodCIsIndpZHRoIiwib3ZlcmZsb3ciXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./components/MapComponent.js\n"));
/***/ })
});