"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/).
 */
exports.id = "components_MapComponent_js";
exports.ids = ["components_MapComponent_js"];
exports.modules = {

/***/ "./components/MapComponent.js":
/*!************************************!*\
  !*** ./components/MapComponent.js ***!
  \************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"react/jsx-dev-runtime\");\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 */ \"react\");\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 */ \"leaflet\");\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\n\n\n\nconst MapComponent = ()=>{\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                zoomControl: false\n            });\n            initialMap.on(\"contextmenu\", (event)=>{\n                leaflet__WEBPACK_IMPORTED_MODULE_2___default().popup().setLatLng(event.latlng).setContent(`\r\n            <p>\r\n              <button onclick=\"zoomIn()\">Zoom in</button>\r\n              <button onclick=\"zoomOut()\">Zoom out</button>\r\n              <button onclick=\"centerHere(${event.latlng.lat}, ${event.latlng.lng})\">Hier zentrieren</button>\r\n            </p>`).openOn(initialMap);\n            });\n            window.zoomIn = ()=>{\n                initialMap.zoomIn();\n            };\n            window.zoomOut = ()=>{\n                initialMap.zoomOut();\n            };\n            window.centerHere = (lat, lng)=>{\n                initialMap.panTo(new (leaflet__WEBPACK_IMPORTED_MODULE_2___default().LatLng)(lat, lng));\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: 59,\n        columnNumber: 5\n    }, undefined);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MapComponent);\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQTJEO0FBQ25DO0FBQ1U7QUFFbEMsTUFBTUssZUFBZTtJQUNuQixNQUFNQyxTQUFTSiw2Q0FBTUEsQ0FBQztJQUN0QixNQUFNLENBQUNLLEtBQUtDLE9BQU8sR0FBR0wsK0NBQVFBLENBQUM7SUFFL0IsU0FBU00sVUFBVUYsR0FBRztRQUNwQixNQUFNRyxTQUFTTixxREFBUSxDQUFDO1lBQUM7WUFBVztTQUFPLEVBQUVPLEtBQUssQ0FBQ0o7UUFDbkRHLE9BQU9FLFNBQVMsQ0FBQyw0Q0FBNENDLFNBQVM7SUFDeEU7SUFFQVosZ0RBQVNBLENBQUM7UUFDUixJQUFJSyxPQUFPUSxPQUFPLElBQUksQ0FBQ1AsS0FBSztZQUMxQixNQUFNUSxhQUFhWCxrREFBSyxDQUFDRSxPQUFPUSxPQUFPLEVBQUU7Z0JBQ3ZDRSxRQUFRO29CQUFDO29CQUFXO2lCQUFPO2dCQUMzQkMsTUFBTTtnQkFDTkMsYUFBYTtZQUNmO1lBRUFILFdBQVdJLEVBQUUsQ0FBQyxlQUFlLENBQUNDO2dCQUM1QmhCLG9EQUFPLEdBQ0prQixTQUFTLENBQUNGLE1BQU1HLE1BQU0sRUFDdEJDLFVBQVUsQ0FDVCxDQUFDOzs7OzBDQUk2QixFQUFFSixNQUFNRyxNQUFNLENBQUNFLEdBQUcsQ0FBQyxFQUFFLEVBQUVMLE1BQU1HLE1BQU0sQ0FBQ0csR0FBRyxDQUFDO2dCQUNsRSxDQUFDLEVBRU5DLE1BQU0sQ0FBQ1o7WUFDWjtZQUVBYSxPQUFPQyxNQUFNLEdBQUc7Z0JBQ2RkLFdBQVdjLE1BQU07WUFDbkI7WUFFQUQsT0FBT0UsT0FBTyxHQUFHO2dCQUNmZixXQUFXZSxPQUFPO1lBQ3BCO1lBRUFGLE9BQU9HLFVBQVUsR0FBRyxDQUFDTixLQUFLQztnQkFDeEJYLFdBQVdpQixLQUFLLENBQUMsSUFBSTVCLHVEQUFRLENBQUNxQixLQUFLQztZQUNyQztZQUVBdEIsd0RBQVcsQ0FBQyxzREFBc0Q7Z0JBQ2hFK0IsYUFDRTtZQUNKLEdBQUd4QixLQUFLLENBQUNJO1lBQ1ROLFVBQVVNO1lBRVZQLE9BQU9PO1FBQ1Q7SUFDRixHQUFHO1FBQUNUO1FBQVFDO0tBQUk7SUFFaEIscUJBQ0UsOERBQUM2QjtRQUNDQyxJQUFHO1FBQ0hDLEtBQUtoQztRQUNMaUMsT0FBTztZQUFFQyxRQUFRO1lBQVNDLE9BQU87WUFBU0MsVUFBVTtRQUFTOzs7Ozs7QUFHbkU7QUFFQSxpRUFBZXJDLFlBQVlBLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcz9kMDdkIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IEwgZnJvbSBcImxlYWZsZXRcIjtcclxuaW1wb3J0IFwibGVhZmxldC9kaXN0L2xlYWZsZXQuY3NzXCI7XHJcblxyXG5jb25zdCBNYXBDb21wb25lbnQgPSAoKSA9PiB7XHJcbiAgY29uc3QgbWFwUmVmID0gdXNlUmVmKG51bGwpO1xyXG4gIGNvbnN0IFttYXAsIHNldE1hcF0gPSB1c2VTdGF0ZShudWxsKTtcclxuXHJcbiAgZnVuY3Rpb24gYWRkTWFya2VyKG1hcCkge1xyXG4gICAgY29uc3QgbWFya2VyID0gTC5tYXJrZXIoWzUzLjExMTExMSwgOC40NjI1XSkuYWRkVG8obWFwKTtcclxuICAgIG1hcmtlci5iaW5kUG9wdXAoXCI8Yj5IYWxsbyBXZWx0ITwvYj48YnI+SWNoIGJpbiBlaW4gUG9wdXAuXCIpLm9wZW5Qb3B1cCgpO1xyXG4gIH1cclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIGlmIChtYXBSZWYuY3VycmVudCAmJiAhbWFwKSB7XHJcbiAgICAgIGNvbnN0IGluaXRpYWxNYXAgPSBMLm1hcChtYXBSZWYuY3VycmVudCwge1xyXG4gICAgICAgIGNlbnRlcjogWzUzLjExMTExMSwgOC40NjI1XSxcclxuICAgICAgICB6b29tOiAxMCxcclxuICAgICAgICB6b29tQ29udHJvbDogZmFsc2UsIC8vIERlYWt0aXZpZXJlIGRpZSBTdGFuZGFyZC1ab29tc3RldWVydW5nXHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaW5pdGlhbE1hcC5vbihcImNvbnRleHRtZW51XCIsIChldmVudCkgPT4ge1xyXG4gICAgICAgIEwucG9wdXAoKVxyXG4gICAgICAgICAgLnNldExhdExuZyhldmVudC5sYXRsbmcpXHJcbiAgICAgICAgICAuc2V0Q29udGVudChcclxuICAgICAgICAgICAgYFxyXG4gICAgICAgICAgICA8cD5cclxuICAgICAgICAgICAgICA8YnV0dG9uIG9uY2xpY2s9XCJ6b29tSW4oKVwiPlpvb20gaW48L2J1dHRvbj5cclxuICAgICAgICAgICAgICA8YnV0dG9uIG9uY2xpY2s9XCJ6b29tT3V0KClcIj5ab29tIG91dDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgIDxidXR0b24gb25jbGljaz1cImNlbnRlckhlcmUoJHtldmVudC5sYXRsbmcubGF0fSwgJHtldmVudC5sYXRsbmcubG5nfSlcIj5IaWVyIHplbnRyaWVyZW48L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9wPmBcclxuICAgICAgICAgIClcclxuICAgICAgICAgIC5vcGVuT24oaW5pdGlhbE1hcCk7XHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgd2luZG93Lnpvb21JbiA9ICgpID0+IHtcclxuICAgICAgICBpbml0aWFsTWFwLnpvb21JbigpO1xyXG4gICAgICB9O1xyXG5cclxuICAgICAgd2luZG93Lnpvb21PdXQgPSAoKSA9PiB7XHJcbiAgICAgICAgaW5pdGlhbE1hcC56b29tT3V0KCk7XHJcbiAgICAgIH07XHJcblxyXG4gICAgICB3aW5kb3cuY2VudGVySGVyZSA9IChsYXQsIGxuZykgPT4ge1xyXG4gICAgICAgIGluaXRpYWxNYXAucGFuVG8obmV3IEwuTGF0TG5nKGxhdCwgbG5nKSk7XHJcbiAgICAgIH07XHJcblxyXG4gICAgICBMLnRpbGVMYXllcihcImh0dHBzOi8ve3N9LnRpbGUub3BlbnN0cmVldG1hcC5vcmcve3p9L3t4fS97eX0ucG5nXCIsIHtcclxuICAgICAgICBhdHRyaWJ1dGlvbjpcclxuICAgICAgICAgICcmY29weTsgPGEgaHJlZj1cImh0dHBzOi8vd3d3Lm9wZW5zdHJlZXRtYXAub3JnL2NvcHlyaWdodFwiPk9wZW5TdHJlZXRNYXA8L2E+IGNvbnRyaWJ1dG9ycycsXHJcbiAgICAgIH0pLmFkZFRvKGluaXRpYWxNYXApO1xyXG4gICAgICBhZGRNYXJrZXIoaW5pdGlhbE1hcCk7XHJcblxyXG4gICAgICBzZXRNYXAoaW5pdGlhbE1hcCk7XHJcbiAgICB9XHJcbiAgfSwgW21hcFJlZiwgbWFwXSk7XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2XHJcbiAgICAgIGlkPVwibWFwXCJcclxuICAgICAgcmVmPXttYXBSZWZ9XHJcbiAgICAgIHN0eWxlPXt7IGhlaWdodDogXCIxMDB2aFwiLCB3aWR0aDogXCIxMDB2d1wiLCBvdmVyZmxvdzogXCJoaWRkZW5cIiB9fVxyXG4gICAgPjwvZGl2PlxyXG4gICk7XHJcbn07XHJcblxyXG5leHBvcnQgZGVmYXVsdCBNYXBDb21wb25lbnQ7XHJcbiJdLCJuYW1lcyI6WyJSZWFjdCIsInVzZUVmZmVjdCIsInVzZVJlZiIsInVzZVN0YXRlIiwiTCIsIk1hcENvbXBvbmVudCIsIm1hcFJlZiIsIm1hcCIsInNldE1hcCIsImFkZE1hcmtlciIsIm1hcmtlciIsImFkZFRvIiwiYmluZFBvcHVwIiwib3BlblBvcHVwIiwiY3VycmVudCIsImluaXRpYWxNYXAiLCJjZW50ZXIiLCJ6b29tIiwiem9vbUNvbnRyb2wiLCJvbiIsImV2ZW50IiwicG9wdXAiLCJzZXRMYXRMbmciLCJsYXRsbmciLCJzZXRDb250ZW50IiwibGF0IiwibG5nIiwib3Blbk9uIiwid2luZG93Iiwiem9vbUluIiwiem9vbU91dCIsImNlbnRlckhlcmUiLCJwYW5UbyIsIkxhdExuZyIsInRpbGVMYXllciIsImF0dHJpYnV0aW9uIiwiZGl2IiwiaWQiLCJyZWYiLCJzdHlsZSIsImhlaWdodCIsIndpZHRoIiwib3ZlcmZsb3ciXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./components/MapComponent.js\n");

/***/ })

};
;