25 lines
8.4 KiB
JavaScript
25 lines
8.4 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('<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: '© <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: 44,\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcyIsIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQTJEO0FBQ25DO0FBQ1U7QUFFbEMsTUFBTUssZUFBZTtJQUNuQixNQUFNQyxTQUFTSiw2Q0FBTUEsQ0FBQztJQUN0QixNQUFNLENBQUNLLEtBQUtDLE9BQU8sR0FBR0wsK0NBQVFBLENBQUM7SUFFL0IsU0FBU00sVUFBVUYsR0FBRztRQUNwQixNQUFNRyxTQUFTTixxREFBUSxDQUFDO1lBQUM7WUFBVztTQUFPLEVBQUVPLEtBQUssQ0FBQ0o7UUFDbkRHLE9BQU9FLFNBQVMsQ0FBQyw0Q0FBNENDLFNBQVM7SUFDeEU7SUFFQVosZ0RBQVNBLENBQUM7UUFDUixJQUFJSyxPQUFPUSxPQUFPLElBQUksQ0FBQ1AsS0FBSztZQUMxQixNQUFNUSxhQUFhWCxrREFBSyxDQUFDRSxPQUFPUSxPQUFPLEVBQUU7Z0JBQ3ZDRSxRQUFRO29CQUFDO29CQUFXO2lCQUFPO2dCQUMzQkMsTUFBTTtnQkFDTkMsYUFBYTtZQUNmO1lBRUFILFdBQVdJLEVBQUUsQ0FBQyxlQUFlLENBQUNDO2dCQUM1QmhCLG9EQUFPLEdBQ0prQixTQUFTLENBQUNGLE1BQU1HLE1BQU0sRUFDdEJDLFVBQVUsQ0FBQyxzREFDWEMsTUFBTSxDQUFDVjtZQUNaO1lBRUFXLE9BQU9DLE1BQU0sR0FBRztnQkFDZFosV0FBV1ksTUFBTTtZQUNuQjtZQUVBdkIsd0RBQVcsQ0FBQyxzREFBc0Q7Z0JBQ2hFeUIsYUFDRTtZQUNKLEdBQUdsQixLQUFLLENBQUNJO1lBQ1ROLFVBQVVNO1lBRVZQLE9BQU9PO1FBQ1Q7SUFDRixHQUFHO1FBQUNUO1FBQVFDO0tBQUk7SUFFaEIscUJBQ0UsOERBQUN1QjtRQUNDQyxJQUFHO1FBQ0hDLEtBQUsxQjtRQUNMMkIsT0FBTztZQUFFQyxRQUFRO1lBQVNDLE9BQU87WUFBU0MsVUFBVTtRQUFTOzs7Ozs7QUFHbkU7QUFFQSxpRUFBZS9CLFlBQVlBLEVBQUMiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9jb21wb25lbnRzL01hcENvbXBvbmVudC5qcz9kMDdkIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcclxuaW1wb3J0IEwgZnJvbSBcImxlYWZsZXRcIjtcclxuaW1wb3J0IFwibGVhZmxldC9kaXN0L2xlYWZsZXQuY3NzXCI7XHJcblxyXG5jb25zdCBNYXBDb21wb25lbnQgPSAoKSA9PiB7XHJcbiAgY29uc3QgbWFwUmVmID0gdXNlUmVmKG51bGwpO1xyXG4gIGNvbnN0IFttYXAsIHNldE1hcF0gPSB1c2VTdGF0ZShudWxsKTtcclxuXHJcbiAgZnVuY3Rpb24gYWRkTWFya2VyKG1hcCkge1xyXG4gICAgY29uc3QgbWFya2VyID0gTC5tYXJrZXIoWzUzLjExMTExMSwgOC40NjI1XSkuYWRkVG8obWFwKTtcclxuICAgIG1hcmtlci5iaW5kUG9wdXAoXCI8Yj5IYWxsbyBXZWx0ITwvYj48YnI+SWNoIGJpbiBlaW4gUG9wdXAuXCIpLm9wZW5Qb3B1cCgpO1xyXG4gIH1cclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIGlmIChtYXBSZWYuY3VycmVudCAmJiAhbWFwKSB7XHJcbiAgICAgIGNvbnN0IGluaXRpYWxNYXAgPSBMLm1hcChtYXBSZWYuY3VycmVudCwge1xyXG4gICAgICAgIGNlbnRlcjogWzUzLjExMTExMSwgOC40NjI1XSxcclxuICAgICAgICB6b29tOiAxMCxcclxuICAgICAgICB6b29tQ29udHJvbDogZmFsc2UsIC8vIERlYWt0aXZpZXJlIGRpZSBTdGFuZGFyZC1ab29tc3RldWVydW5nXHJcbiAgICAgIH0pO1xyXG5cclxuICAgICAgaW5pdGlhbE1hcC5vbihcImNvbnRleHRtZW51XCIsIChldmVudCkgPT4ge1xyXG4gICAgICAgIEwucG9wdXAoKVxyXG4gICAgICAgICAgLnNldExhdExuZyhldmVudC5sYXRsbmcpXHJcbiAgICAgICAgICAuc2V0Q29udGVudCgnPHA+PGJ1dHRvbiBvbmNsaWNrPVwiem9vbUluKClcIj5ab29tIGluPC9idXR0b24+PC9wPicpXHJcbiAgICAgICAgICAub3Blbk9uKGluaXRpYWxNYXApO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIHdpbmRvdy56b29tSW4gPSAoKSA9PiB7XHJcbiAgICAgICAgaW5pdGlhbE1hcC56b29tSW4oKTtcclxuICAgICAgfTtcclxuXHJcbiAgICAgIEwudGlsZUxheWVyKFwiaHR0cHM6Ly97c30udGlsZS5vcGVuc3RyZWV0bWFwLm9yZy97en0ve3h9L3t5fS5wbmdcIiwge1xyXG4gICAgICAgIGF0dHJpYnV0aW9uOlxyXG4gICAgICAgICAgJyZjb3B5OyA8YSBocmVmPVwiaHR0cHM6Ly93d3cub3BlbnN0cmVldG1hcC5vcmcvY29weXJpZ2h0XCI+T3BlblN0cmVldE1hcDwvYT4gY29udHJpYnV0b3JzJyxcclxuICAgICAgfSkuYWRkVG8oaW5pdGlhbE1hcCk7XHJcbiAgICAgIGFkZE1hcmtlcihpbml0aWFsTWFwKTtcclxuXHJcbiAgICAgIHNldE1hcChpbml0aWFsTWFwKTtcclxuICAgIH1cclxuICB9LCBbbWFwUmVmLCBtYXBdKTtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXZcclxuICAgICAgaWQ9XCJtYXBcIlxyXG4gICAgICByZWY9e21hcFJlZn1cclxuICAgICAgc3R5bGU9e3sgaGVpZ2h0OiBcIjEwMHZoXCIsIHdpZHRoOiBcIjEwMHZ3XCIsIG92ZXJmbG93OiBcImhpZGRlblwiIH19XHJcbiAgICA+PC9kaXY+XHJcbiAgKTtcclxufTtcclxuXHJcbmV4cG9ydCBkZWZhdWx0IE1hcENvbXBvbmVudDtcclxuIl0sIm5hbWVzIjpbIlJlYWN0IiwidXNlRWZmZWN0IiwidXNlUmVmIiwidXNlU3RhdGUiLCJMIiwiTWFwQ29tcG9uZW50IiwibWFwUmVmIiwibWFwIiwic2V0TWFwIiwiYWRkTWFya2VyIiwibWFya2VyIiwiYWRkVG8iLCJiaW5kUG9wdXAiLCJvcGVuUG9wdXAiLCJjdXJyZW50IiwiaW5pdGlhbE1hcCIsImNlbnRlciIsInpvb20iLCJ6b29tQ29udHJvbCIsIm9uIiwiZXZlbnQiLCJwb3B1cCIsInNldExhdExuZyIsImxhdGxuZyIsInNldENvbnRlbnQiLCJvcGVuT24iLCJ3aW5kb3ciLCJ6b29tSW4iLCJ0aWxlTGF5ZXIiLCJhdHRyaWJ1dGlvbiIsImRpdiIsImlkIiwicmVmIiwic3R5bGUiLCJoZWlnaHQiLCJ3aWR0aCIsIm92ZXJmbG93Il0sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./components/MapComponent.js\n");
|
|
|
|
/***/ })
|
|
|
|
};
|
|
; |