25 lines
9.8 KiB
JavaScript
25 lines
9.8 KiB
JavaScript
"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: '© <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");
|
|
|
|
/***/ })
|
|
|
|
};
|
|
; |