aaa\"+num+\"
\",\n// className: \"station-marker\",\n// iconSize: [50, 50]\n// });\n// };\n\n/**\n *\n */\nexport function getMarkerList() {\n return store.getters.markerList;\n}\n\n/**\n *\n */\nexport function getPresetMarkerList() {\n return store.getters[\"marker/presetMarkerList\"];\n}\n\n/**\n *\n */\nexport function addCircleMarker(latlng, options = {}) {\n const marker = L.circle(latlng, options);\n addToMap(marker);\n return marker;\n}\n\n/**\n * Leafletに追加された全てのレイヤーから、引数で与えられたidをもつレイヤーオブジェクトを検索して返す。\n * @param {string} id\n * @return {Layer}\n */\nfunction getLayerById(id) {\n let foundLayer = null;\n store.getters.map.eachLayer((layer) => {\n if (layer.id === id) {\n foundLayer = layer;\n }\n });\n return foundLayer;\n}\n\n/**\n * 右上に削除ボタンのついたマーカーオブジェクト（レイヤーグループ）を返す。\n * @param {latLng} latLng\n * @param {Marker options} markerOptions\n * @param {string} popupContent\n * @param {Popup options} popupOptions\n * @return {L.layerGroup} マーカー本体と削除用ボタンのレイヤーグループ\n */\nexport function createMarkerWithDeleteBtn(\n latLng,\n markerOptions = {},\n popupContent = \"\",\n popupOptions = {},\n) {\n const marker = L.marker(latLng, markerOptions);\n const deleteBtn = L.marker(latLng, {\n icon: deleteIcon,\n opacity: 0,\n });\n\n // ---ランダムな5文字の文字列をidとして与える。削除ボタンのidは、id+'-delete'。\n const randomStr = getRandomString(5);\n marker.id = randomStr;\n deleteBtn.id = `${randomStr}-delete`;\n\n // ---マウスイベントに応じて、削除ボタンの表示/非表示切り替え\n marker.on(\"mouseover\", (ev) => {\n const deleteBtnToShow = getLayerById(`${ev.target.id}-delete`);\n if (deleteBtnToShow) deleteBtnToShow.setOpacity(1.0);\n });\n\n marker.on(\"mouseout\", (ev) => {\n const deleteBtnToHide = getLayerById(`${ev.target.id}-delete`);\n if (deleteBtnToHide) deleteBtnToHide.setOpacity(0);\n });\n\n deleteBtn.on(\"mouseover\", (ev) => {\n ev.target.setOpacity(1.0);\n });\n\n deleteBtn.on(\"mouseout\", (ev) => {\n ev.target.setOpacity(0);\n });\n\n // ---削除ボタンをクリックで、マーカー本体と削除ボタンをremove\n deleteBtn.on(\"click\", (ev) => {\n const markerToDelete = getLayerById(\n `${ev.target.id.replace(\"-delete\", \"\")}`,\n );\n if (markerToDelete) {\n markerToDelete.remove();\n ev.target.remove();\n }\n });\n\n // ---popupContentが渡されている場合はマーカーにpopupを付与\n if (popupContent.length > 0) {\n const popup = L.popup(popupOptions).setContent(popupContent);\n marker.bindPopup(popup);\n }\n\n const markerGroup = L.layerGroup([marker, deleteBtn]);\n\n return markerGroup;\n}\n\n/**\n *\n */\nexport function addPinMarkerMulti(latlng, options = {}) {\n const markerNum =\n getMarkerList().length > 0\n ? getMarkerList()\n .map((marker) => marker.number)\n .reduce((a, b) => (a > b ? a : b)) + 1\n : 1;\n const markerId = getRandomString(6);\n\n numberIconOptions.number = markerNum;\n options.icon = new L.NumberIcon(numberIconOptions);\n\n const marker = L.marker(latlng, options);\n marker.id = markerId;\n\n // ---show delete btn on right top of icon\n marker.on(\"mouseover\", function () {\n store.dispatch(\"getMarkerObjById\", this.id).then((markerObj) => {\n markerObj.deleteBtn.setOpacity(1.0);\n });\n });\n\n marker.on(\"mouseout\", function () {\n store.dispatch(\"getMarkerObjById\", this.id).then((markerObj) => {\n markerObj.deleteBtn.setOpacity(0);\n });\n });\n\n const deleteBtn = L.marker(latlng, {\n icon: deleteIcon,\n opacity: 0,\n });\n deleteBtn.id = markerId;\n deleteBtn.on(\"click\", function () {\n const markerObj = store\n .dispatch(\"getMarkerObjById\", this.id)\n .then((markerObj) => {\n store.commit(\"L/removeFromMap\", markerObj.marker); // ---remove marker from map\n store.commit(\"L/removeFromMap\", markerObj.deleteBtn); // ---remove delete btn from map\n store.commit(\"removeFromPresetMarkerList\", markerObj); // ---remove from list\n });\n });\n deleteBtn.on(\"mouseover\", function () {\n this.setOpacity(0.8);\n });\n deleteBtn.on(\"mouseout\", function () {\n this.setOpacity(0);\n });\n\n // const numberMarker = L.marker(latlng, {\n // icon : numberIcon(1),\n // opacity: 0,\n // });\n\n const markerGroup = L.layerGroup([marker, deleteBtn]);\n addToMap(markerGroup);\n\n const markerObj = {\n number: markerNum,\n id: markerId,\n latlng,\n marker,\n deleteBtn,\n };\n store.commit(\"addToMarkerList\", markerObj);\n\n return markerObj;\n}\n\n/**\n *\n */\nexport function addPresetMarkerMulti(latLng, options = {}) {\n let markerNum;\n if (options.isNumberIcon) {\n markerNum =\n getPresetMarkerList().length > 0\n ? getPresetMarkerList()\n .map((marker) => marker.number)\n .reduce((a, b) => (a > b ? a : b)) + 1\n : 1;\n numberIconOptions.number = markerNum;\n options.icon = new L.NumberIcon(numberIconOptions);\n } else {\n options.icon = defaultMarkerIcon;\n }\n\n const markerId = getRandomString(6);\n\n const marker = L.marker(latLng, options);\n marker.id = markerId;\n\n const markerObj = {\n number: markerNum,\n id: markerId,\n latLng,\n marker,\n tabs: options.tabs,\n minWidth: options.minWidth,\n };\n\n const markerGroup = L.layerGroup();\n\n if (options.deleteBtn) {\n const deleteBtn = L.marker(latLng, {\n id: markerId,\n icon: deleteIcon,\n opacity: 0,\n });\n\n deleteBtn.on(\"click\", (ev) => {\n store.dispatch(\n \"marker/removePresetMarkerById\",\n ev.sourceTarget.options.id,\n );\n });\n\n deleteBtn.on(\"mouseover\", function () {\n this.setOpacity(0.8);\n });\n\n deleteBtn.on(\"mouseout\", function () {\n this.setOpacity(0);\n });\n\n marker.on(\"mouseover\", () => {\n const { deleteBtn } = store.getters[\"marker/presetMarkerList\"].find(\n (marker) => marker.id == markerId,\n );\n deleteBtn.setOpacity(1.0);\n });\n\n marker.on(\"mouseout\", () => {\n const { deleteBtn } = store.getters[\"marker/presetMarkerList\"].find(\n (marker) => marker.id == markerId,\n );\n deleteBtn.setOpacity(0);\n });\n\n markerGroup.addLayer(deleteBtn);\n markerObj.deleteBtn = deleteBtn;\n }\n\n markerGroup.addLayer(marker);\n markerObj.group = markerGroup; // ---register the group to the marker object\n\n addToMap(markerGroup);\n store.commit(\"marker/addToPresetMarkerList\", markerObj);\n\n return markerObj;\n}\n\n/**\n *\n */\nexport function removeAllMarkers() {\n store.commit(\"removeAllMarkers\");\n}\n\n/**\n * projectDataでlatLngBoundsMultiが定義されているとき、引数で渡したlatLngがその範囲内かどうかを返す\n * @param {latLng} latLng\n * @returns {Boolean} default: true\n */\nexport function isInLatLngBounds(latLng) {\n let isContains = true;\n if (\n store.getters.projectData &&\n store.getters.projectData.latLngBoundsMulti &&\n store.getters.projectData.latLngBoundsMulti.length > 0\n ) {\n isContains = store.getters.projectData.latLngBoundsMulti.some((ltln) => {\n const bound = L.latLngBounds(\n L.latLng(ltln[0], ltln[1]),\n L.latLng(ltln[2], ltln[3]),\n );\n return bound.contains(latLng);\n });\n } else {\n // console.log(\"no settings of bounds\");\n }\n return isContains;\n}\n\n/**\n *\n * @param {latLng} latLng\n * @returns {Boolean}\n */\nexport function isInJapan(latLng) {\n /**\n * Japanese boundaries\n * E: 24.28305555, 153.98666666\n * W: 24.45138888, 122.93250000\n * S: 20.42527777, 136.06972222\n * N: 45.55722222, 148.75222222\n */\n const japanArea = [20.42527777, 122.9325, 45.55722222, 153.98666666];\n const bound = L.latLngBounds(\n L.latLng(japanArea[0], japanArea[1]),\n L.latLng(japanArea[2], japanArea[3]),\n );\n return bound.contains(latLng);\n}\n\n/* --- Leaflet Vectors ----------------------------------------*/\n/**\n * ゴールドラインで境界線を描く\n * @param {Array} bbox [xmin, ymin, xmax, ymax]\n * @returns {Boolean} default: true\n */\nexport function drawArea(bbox) {\n const line = L.polyline(\n [\n [bbox[1], bbox[0]],\n [bbox[1], bbox[2]],\n [bbox[3], bbox[2]],\n [bbox[3], bbox[0]],\n [bbox[1], bbox[0]],\n ],\n {\n color: \"#a08b50\",\n weight: 5,\n opacity: 0.6,\n },\n );\n addToMap(line);\n}\n","import L from \"leaflet\";\nimport { toPoint as point } from \"leaflet/src/geometry/Point\";\nexport default L.NumberIcon = L.Icon.extend({\n options: {\n number: \"\",\n numberStyle: {\n \"font-family\": \"sans-serif\",\n \"font-size\": \"20px\",\n \"font-weight\": \"800\",\n color: \"white\",\n },\n },\n\n setNumber: function (num) {\n this.number = num;\n },\n\n createIcon: function () {\n const img = this._createImg(this.options.iconUrl);\n //this._setIconStyles(img, \"icon\");\n this.setDivStyles(img, \"img\");\n\n const numdiv = document.createElement(\"div\");\n numdiv.setAttribute(\"class\", \"number\");\n numdiv.innerHTML = this.options.number || \"\";\n this.setDivStyles(numdiv, \"numdiv\");\n numdiv.style.position = \"absolute\";\n numdiv.style.top = \"0\";\n numdiv.style.left = \"0\";\n numdiv.style.display = \"flex\";\n numdiv.style[\"align-item\"] = \"center\";\n numdiv.style[\"justify-content\"] = \"center\";\n for (let key in this.options.numberStyle) {\n numdiv.style[key] = this.options.numberStyle[key];\n }\n if (this.options.number >= 100 && numdiv.style[\"font-size\"]) {\n numdiv.style.top = \"6px\";\n numdiv.style[\"font-size\"] =\n parseInt(numdiv.style[\"font-size\"]) - 6 + \"px\";\n }\n\n const iconDiv = document.createElement(\"div\");\n iconDiv.appendChild(img);\n iconDiv.appendChild(numdiv);\n this.setDivStyles(iconDiv, \"icon\");\n\n return iconDiv;\n },\n\n setDivStyles: function (div, name) {\n var options = this.options;\n var sizeOption = options.iconSize;\n if (typeof sizeOption === \"number\") {\n sizeOption = [sizeOption, sizeOption];\n }\n var size = point(sizeOption);\n var anchor = point(\n (name === \"shadow\" && options.shadowAnchor) ||\n options.iconAnchor ||\n (size && size.divideBy(2, true))\n );\n div.className = \"leaflet-marker-\" + name + \" \" + (options.className || \"\");\n if (anchor && name != \"numdiv\" && name != \"img\") {\n div.style.marginLeft = -anchor.x + \"px\";\n div.style.marginTop = -anchor.y + \"px\";\n }\n if (size) {\n div.style.width = size.x + \"px\";\n div.style.height = size.y + \"px\";\n }\n },\n});\n","import store from \"@/store\";\n\n/*--- User ----------------------------------------*/\nexport function getValidUrl(filename) {\n const token = store.getters[\"auth/mapToken\"];\n return filename + \"?jwt=\" + token;\n}\n\nexport function getValidFullUrl(filename) {\n const projectDirUrl = store.getters[\"pref/projectDirUrl\"];\n const token = store.getters[\"auth/mapToken\"];\n if (filename[0] != \"/\") filename = \"/\" + filename;\n return projectDirUrl + filename + \"?jwt=\" + token;\n}\n","import axios from \"axios\";\n\nconst apiBaseUrl = process.env.VUE_APP_API_BASE_URL;\n\nexport async function createUserAccount(data, errorCallback) {\n const url = apiBaseUrl + \"/user/create\";\n const res = await postV1Api(url, \"\", data, errorCallback);\n return res;\n}\n\nexport async function getUserProfile(userToken, errorCallback) {\n const url = apiBaseUrl + \"/user/info\";\n const res = await getV1Api(url, \"\", userToken, errorCallback);\n return res;\n}\n\nexport async function deleteUser(userToken, errorCallback) {\n const url = apiBaseUrl + \"/user/delete\";\n const res = await getV1Api(url, \"\", userToken, errorCallback);\n return res;\n}\n\nasync function getV1Api(url, params, token, errorCallback) {\n let res, headers;\n if (token) {\n headers = {\n headers: {\n Authorization: \"Bearer \" + token,\n },\n };\n }\n if (params) {\n headers = {\n params: {\n token: params,\n },\n };\n }\n try {\n res = await axios.get(url, headers);\n } catch (err) {\n return err;\n }\n return res;\n}\n\nasync function postV1Api(url, token, data, errorCallback) {\n let res, headers;\n if (token) {\n headers = {\n headers: {\n Authorization: \"Bearer \" + token,\n },\n };\n }\n try {\n res = await axios.post(url, data, headers);\n } catch (err) {\n const errorMessage = err.response.data || err.message;\n if (errorCallback) errorCallback(errorMessage);\n return err.response.data;\n }\n return res;\n}\n\nasync function putApi(url, uid, token, data, errorCallback) {\n let res, headers;\n if (token) {\n headers = {\n headers: {\n Authorization: \"Bearer \" + token,\n },\n };\n }\n console.log(headers);\n console.log(data);\n try {\n res = await axios.put(url, data, {\n params: {\n uid: uid,\n token: token,\n },\n });\n } catch (err) {\n const errorMessage = err.response.data || err.message;\n if (errorCallback) errorCallback(errorMessage);\n console.log(err.response.data);\n return err.response.data;\n }\n return res;\n}\n","// バックエンドからの戻り値の関係で下記の値を使用\nconst PERMISSION_ROLE = {\n VIEWER: \"viewer_can_see_project\",\n EDITOR: \"editor_can_edit_project\",\n OWNER: \"owner_of_project\",\n};\n\nconst ROLE_NAMES_MULTILINGUAL = {\n VIEWER_CAN_SEE_PROJECT: {\n EN: \"Viewer\",\n JP: \"閲覧者\",\n },\n EDITOR_CAN_EDIT_PROJECT: {\n EN: \"Editor\",\n JP: \"編集者\",\n },\n OWNER_OF_PROJECT: {\n EN: \"Owner\",\n JP: \"オーナー\",\n },\n};\n\nexport default { PERMISSION_ROLE, ROLE_NAMES_MULTILINGUAL };\n","import store from \"@/store\";\nimport { getMapToken, getMapSettings } from \"@/js/api/ApiLogin.js\";\nimport {\n getBelongingArg,\n getBelongingProjects,\n getProjectUsers,\n} from \"@/js/api/ApiProject.js\";\nimport { getUserProfile } from \"@/js/api/ApiUser.js\";\nimport PERMISSION_CONST from \"@/js/const/permission-const.js\";\n\nexport async function runLoginProcess(userToken, sharedProjectId = null) {\n store.commit(\"user/setLoggedIn\", true);\n store.commit(\"auth/setUserToken\", userToken.access);\n store.commit(\"auth/setUserRefreshToken\", userToken.refresh);\n\n /** userTokenで、mapTokenを取得、storeに保存 */\n const mapTokenRes = await getMapToken(userToken.access);\n if (mapTokenRes.status === 200) {\n store.commit(\"auth/setMapToken\", mapTokenRes.data.access_token);\n }\n\n /** userTokenで、map settingsを取得、storeに保存 */\n const mapSettingsRes = await getMapSettings(userToken.access);\n store.commit(\"user/setMapSettings\", mapSettingsRes.data);\n\n /** userTokenで、ユーザー情報を取得、storeに保存 */\n const userInfo = await getUserProfile(userToken.access);\n const userInfoData = userInfo.data.user_info;\n store.commit(\"user/setUserEmail\", userInfoData.email);\n store.commit(\"user/setCurrentProjectId\", userInfoData.default_project);\n store.commit(\"user/setDefaultProjectId\", userInfoData.default_project);\n\n /** userTokenで、paid statusを取得、storeに保存 */\n const belogingArgRes = await getBelongingArg(userToken.access);\n const belogingArgData = belogingArgRes.data;\n const isPaid = belogingArgData.some((item) => item.subscription.status);\n store.commit(\"user/setPaidUser\", isPaid);\n\n /** userTokenで、所属するプロジェクト一覧の情報を取得、storeに保存 */\n const belongingProjectsRes = await getBelongingProjects(userToken.access);\n store.commit(\"user/setBelongingProject\", belongingProjectsRes.data);\n\n /** shareされたprojectIdが自分の所属しているプロジェクト一覧にあるか判定 */\n const defaultProject = belongingProjectsRes.data.find(\n (p) => p.ref_id === userInfoData.default_project,\n );\n\n const project = sharedProjectId\n ? belongingProjectsRes.data.find((p) => p.ref_id === sharedProjectId)\n : belongingProjectsRes.data.find(\n (p) => p.ref_id === userInfoData.default_project,\n );\n\n if (project) {\n /** sharedProjectまたはdefault_project */\n const projectId = project.ref_id;\n store.commit(\"user/setCurrentProjectId\", projectId);\n store.commit(\"user/setUserProjectJson\", project.project_json);\n\n /** Projectに属するユーザー一覧を取得 */\n const projectUserDataRes = await getProjectUsers(\n userToken.access,\n projectId,\n );\n\n /** Projectに属するユーザー一覧から、ログインユーザーの権限を取得、storeに保存 */\n const userProjectData = projectUserDataRes.data.find(\n (userData) => userData.email === userInfoData.email,\n );\n\n // Todo: Owner権限の場合、権限が複数返却されるのここでは、配列の長さで権限を分岐させている\n const userProjectRole =\n userProjectData.role.length > 1\n ? PERMISSION_CONST.PERMISSION_ROLE.OWNER\n : userProjectData.role[0];\n store.commit(\"user/setProjectRole\", userProjectRole);\n\n /** Projectのデータをstoreに保存 */\n store.commit(\"user/setProjectName\", project.project_name);\n store.commit(\"user/setProject\", project.project_id);\n return true;\n } else {\n /** shareされたが、そのprojectにアクセス権限がなかったとき */\n /** no-auth画面からdefault projectにジャンプするため、Idをstoreに保存しておく */\n const defaultProject = belongingProjectsRes.data.find(\n (p) => p.ref_id === userInfoData.default_project,\n );\n store.commit(\"user/setProject\", defaultProject.project_id);\n return false;\n }\n}\n","export * from \"-!../../../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.47.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.47.0/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/.pnpm/sass-loader@10.5.2_sass@1.85.1_webpack@4.47.0/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LayerPanel.vue?vue&type=style&index=0&id=b856f2aa&prod&lang=scss&scoped=true\"","// クッキーの説明が格納されているjson\nimport cookieDescription from \"../../json/cookie-description.json\";\n\n/**\n * クッキーの許可状況を管理するクラス\n */\nclass CookieManager {\n constructor(gtagManager) {\n this.gtagManager = gtagManager;\n }\n\n getCookieDescription = () => cookieDescription;\n\n /**\n * クッキーの設定をしたversionが最新かつ、クッキーの設定が存在しているか判定する\n */\n isConsentedCookie = () =>\n cookieDescription.version ===\n localStorage.getItem(\"_cookiePreferenceVer\") &&\n localStorage.getItem(\"_cookiePreference\");\n\n changeConsent({\n isFunctional = false,\n isAnalytics = false,\n isAdvertisement = false,\n }) {\n const preference = {\n functional: isFunctional,\n analytics: isAnalytics,\n advertisement: isAdvertisement,\n };\n\n this.#savePreference(preference);\n this.enableCookie(preference);\n }\n\n enableCookie(preference) {\n // Deployされる環境以外は、実行しない\n if (\n process.env.VUE_APP_MODE !== \"dev\" &&\n process.env.VUE_APP_MODE !== \"prod\"\n )\n return;\n\n const loadedPreference =\n preference ?? JSON.parse(localStorage.getItem(\"_cookiePreference\"));\n\n if (loadedPreference.analytics) {\n this.enableGtagManager();\n } else {\n this.disableGtagManager();\n }\n }\n\n #savePreference(preference) {\n localStorage.setItem(\"_cookiePreference\", JSON.stringify(preference));\n localStorage.setItem(\"_cookiePreferenceVer\", cookieDescription.version);\n }\n\n // GtagManagerをオフにする\n disableGtagManager = () => {\n const gaPrefixes = [\"_ga\", \"_gid\", \"_git\"];\n\n // ex. 'a=appple; path=/; expires=Wed, 21 Oct 2015 07:28:00 GMT';\n const cookieAttributes = document.cookie\n .split(\";\")\n .map((cookie) => cookie.trim());\n const cookieAttributeKeys = cookieAttributes.map(\n (attribute) => attribute.split(\"=\")[0],\n );\n\n cookieAttributeKeys.forEach((key) => {\n const matched = gaPrefixes.find((prefix) => key.startsWith(prefix));\n if (matched) document.cookie = `${key}=; max-age=0`;\n });\n this.gtagManager.enable(false);\n };\n\n // GtagManagerをオンにする\n enableGtagManager = () => {\n this.gtagManager.enable(true);\n };\n}\n\n// Singleton パターン\nlet cookieManager;\nconst getInstance = (gtagManager) => {\n if (!cookieManager) cookieManager = new CookieManager(gtagManager);\n return cookieManager;\n};\n\nexport default { getInstance };\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-app',[_c('router-view'),_c('CookieSimpleDialog',{ref:\"cookieSimpleDialog\",on:{\"custom\":function($event){return _vm.$refs.cookieDetailDialog.display()}}}),_c('CookieDetailDialog',{ref:\"cookieDetailDialog\"})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isVisible)?_c('div',{staticClass:\"cookie-simple-dialog\"},[_c('div',{staticClass:\"header\"},[_c('CloseButton',{staticClass:\"close-button\",on:{\"click\":_vm.allReject}})],1),_c('div',{staticClass:\"body\"},[_c('h1',[_vm._v(_vm._s(_vm.isJp ? \"クッキーの利用について\" : \"Cookies at tenchijin\"))]),_c('p',[_vm._v(\" \"+_vm._s(_vm.isJp ? \"当サイトでは、お客様により良い体験を提供するためにクッキーを使用しています。クッキーは当サイトの安全性と信頼性を維持したり、サイトの利用状況を分析する際に利用します。\" : \"This site uses cookies to provide you with a better experience. Cookies are used to maintain the security and reliability of our site and to analyze site usage.\",)+\" \")]),_c('p',[_vm._v(\" \"+_vm._s(_vm.isJp ? \"クッキーを拒否しても、サービスの利用ができなくなることはありません。\" : \"Rejecting cookies does not prevent you from using the service.\")+\" \")])]),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"compass-primary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.custom.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"詳細設定\" : \"Custom\")+\" \")]),_c('button',{staticClass:\"compass-secondary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.allReject.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"全て拒否\" : \"All Reject\")+\" \")]),_c('button',{staticClass:\"compass-primary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.allAccept.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"全て許可\" : \"All Accept\")+\" \")])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"close-button\",on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 12 12\",\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('line',{attrs:{\"x1\":\"1\",\"y1\":\"11\",\"x2\":\"11\",\"y2\":\"1\",\"stroke\":_vm.color,\"stroke-width\":\"1.2\",\"stroke-linejoin\":\"bevel\"}}),_c('line',{attrs:{\"x1\":\"1\",\"y1\":\"1\",\"x2\":\"11\",\"y2\":\"11\",\"stroke\":_vm.color,\"stroke-width\":\"1.2\",\"stroke-linejoin\":\"bevel\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CloseButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CloseButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CloseButton.vue?vue&type=template&id=021ac238&scoped=true\"\nimport script from \"./CloseButton.vue?vue&type=script&lang=js\"\nexport * from \"./CloseButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./CloseButton.vue?vue&type=style&index=0&id=021ac238&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"021ac238\",\n null\n \n)\n\nexport default component.exports","\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CookieSimpleDialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CookieSimpleDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CookieSimpleDialog.vue?vue&type=template&id=3ba3ab5e&scoped=true\"\nimport script from \"./CookieSimpleDialog.vue?vue&type=script&lang=js\"\nexport * from \"./CookieSimpleDialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./CookieSimpleDialog.vue?vue&type=style&index=0&id=3ba3ab5e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3ba3ab5e\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isVisible)?_c('div',{staticClass:\"cookie-detail-dialog\"},[_c('div',{staticClass:\"dialog-container\"},[_c('div',{staticClass:\"header\"},[_c('h1',[_vm._v(\" \"+_vm._s(_vm.isJp ? \"クッキーの同意設定\" : \"Customize Consent Preferences\")+\" \")]),_c('CloseButton',{staticClass:\"close-button\",on:{\"click\":_vm.close}})],1),_c('div',{staticClass:\"body\"},[_c('p',{staticClass:\"summary\"},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"当アプリケーションはクッキーを使用しています。\\n以下でクッキー利用の承認や、クッキーの詳細情報をご覧いただけます。\" : \"This application uses cookies. Below you will find consent to cookie use and more information about cookies.\")+\" \")]),_vm._l((_vm.cookieManager.getCookieDescription()\n .types),function(typeObj,typeName){return _c('div',{key:typeName},[_c('CookieDescriptionPanel',{attrs:{\"type\":typeName,\"cookie-description\":typeObj}})],1)})],2),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"compass-secondary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.allReject.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"拒否\" : \"Reject\")+\" \")]),_c('button',{staticClass:\"compass-primary\",on:{\"click\":function($event){$event.stopPropagation();return _vm.allAccept.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.isJp ? \"許可\" : \"Accept\")+\" \")])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.cookieDescription.cookies.length),expression:\"cookieDescription.cookies.length\"}],staticClass:\"cookie-description-panel\"},[_c('div',{staticClass:\"header\"},[_c('span',{staticClass:\"type-name\"},[_vm._v(_vm._s(_vm.isJp ? _vm.cookieDescription.name_jp : _vm.cookieDescription.name_en))])]),_c('div',{staticClass:\"content\"},[_c('p',{staticClass:\"type-discription\"},[_vm._v(\" \"+_vm._s(_vm.isJp ? _vm.cookieDescription.description_jp : _vm.cookieDescription.description_en)+\" \")]),_c('ul',{staticClass:\"cookie-list\"},_vm._l((_vm.cookieDescription.cookies),function(cookie){return _c('li',{key:cookie.name,staticClass:\"cookie-discription\"},[_c('p',{staticClass:\"cookie-name\"},[_vm._v(\" \"+_vm._s((_vm.isJp ? \"名前 : \" : \"name : \") + cookie.name)+\" \")]),_c('p',[_vm._v(\" \"+_vm._s(_vm.getCookieDurationTxt(cookie))+\" \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.getCookieDescriptionTxt(cookie))+\" \")])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n {{\n isJp ? cookieDescription.name_jp : cookieDescription.name_en\n }}\n
\n \n
\n \n\n {{\n isJp\n ? cookieDescription.description_jp\n : cookieDescription.description_en\n }}\n
\n \n\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TenchijinCompassLogo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TenchijinCompassLogo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TenchijinCompassLogo.vue?vue&type=template&id=07f9342c&scoped=true\"\nimport script from \"./TenchijinCompassLogo.vue?vue&type=script&lang=js\"\nexport * from \"./TenchijinCompassLogo.vue?vue&type=script&lang=js\"\nimport style0 from \"./TenchijinCompassLogo.vue?vue&type=style&index=0&id=07f9342c&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"07f9342c\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mainmap\",attrs:{\"id\":\"mainMap\"}},[_c('div',{staticClass:\"gradation\",attrs:{\"id\":\"gradation\"}})])\n}]\n\nexport { render, staticRenderFns }","import L from \"leaflet\";\n\n// const SmoothWheelZoom =\n// (() => {\nL.Map.mergeOptions({\n // @section Mousewheel options\n // @option smoothWheelZoom: Boolean|String = true\n // Whether the map can be zoomed by using the mouse wheel. If passed `'center'`,\n // it will zoom to the center of the view regardless of where the mouse was.\n smoothWheelZoom: true,\n\n // @option smoothWheelZoom: number = 1\n // setting zoom speed\n smoothSensitivity: 1,\n});\n\nL.Map.SmoothWheelZoom = L.Handler.extend({\n addHooks: function () {\n L.DomEvent.on(\n this._map._container,\n \"mousewheel\",\n this._onWheelScroll,\n this\n );\n },\n\n removeHooks: function () {\n L.DomEvent.off(\n this._map._container,\n \"mousewheel\",\n this._onWheelScroll,\n this\n );\n },\n\n _onWheelScroll: function (e) {\n if (!this._isWheeling) {\n this._onWheelStart(e);\n }\n this._onWheeling(e);\n },\n\n _onWheelStart: function (e) {\n e.preventDefault();\n var map = this._map;\n this._isWheeling = true;\n this._wheelMousePosition = map.mouseEventToContainerPoint(e);\n this._centerPoint = map.getSize()._divideBy(2);\n this._startLatLng = map.containerPointToLatLng(this._centerPoint);\n this._wheelStartLatLng = map.containerPointToLatLng(\n this._wheelMousePosition\n );\n this._startZoom = map.getZoom();\n this._moved = false;\n this._zooming = true;\n\n map._stop();\n if (map._panAnim) map._panAnim.stop();\n\n this._goalZoom = map.getZoom();\n this._prevCenter = map.getCenter();\n this._prevZoom = map.getZoom();\n\n this._zoomAnimationId = requestAnimationFrame(\n this._updateWheelZoom.bind(this)\n );\n },\n\n _onWheeling: function (e) {\n e.preventDefault();\n var map = this._map;\n\n this._goalZoom =\n this._goalZoom - e.deltaY * 0.003 * map.options.smoothSensitivity;\n if (\n this._goalZoom < map.getMinZoom() ||\n this._goalZoom > map.getMaxZoom()\n ) {\n this._goalZoom = map._limitZoom(this._goalZoom);\n }\n this._wheelMousePosition = this._map.mouseEventToContainerPoint(e);\n\n clearTimeout(this._timeoutId);\n this._timeoutId = setTimeout(this._onWheelEnd.bind(this), 200);\n },\n\n _onWheelEnd: function (e) {\n this._isWheeling = false;\n cancelAnimationFrame(this._zoomAnimationId);\n this._map._moveEnd(true);\n },\n\n _updateWheelZoom: function () {\n var map = this._map;\n\n if (\n !map.getCenter().equals(this._prevCenter) ||\n map.getZoom() != this._prevZoom\n )\n return;\n\n this._zoom = map.getZoom() + (this._goalZoom - map.getZoom()) * 0.3;\n this._zoom = Math.floor(this._zoom * 100) / 100;\n\n var delta = this._wheelMousePosition.subtract(this._centerPoint);\n if (delta.x === 0 && delta.y === 0) return;\n\n if (map.options.smoothWheelZoom === \"center\") {\n this._center = this._startLatLng;\n } else {\n this._center = map.unproject(\n map.project(this._wheelStartLatLng, this._zoom).subtract(delta),\n this._zoom\n );\n }\n\n if (!this._moved) {\n map._moveStart(true, false);\n this._moved = true;\n }\n\n map._move(this._center, this._zoom);\n this._prevCenter = map.getCenter();\n this._prevZoom = map.getZoom();\n\n this._zoomAnimationId = requestAnimationFrame(\n this._updateWheelZoom.bind(this)\n );\n },\n});\n\nL.Map.addInitHook(\"addHandler\", \"smoothWheelZoom\", L.Map.SmoothWheelZoom);\n\n// })();\n\n// export default L.Map.SmoothWheelZoom;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"content\",staticClass:\"distance-popup-content\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"line\"},[_c('span',{staticClass:\"line-title\"},[_vm._v(_vm._s(_vm.isJp ? \"距離\" : \"Distance\"))]),_c('span',{staticClass:\"line-value\"},[_vm._v(_vm._s(_vm.distanceWithUnit))])])]),_c('dispose-button',{staticClass:\"dispose-button\",attrs:{\"color\":\"#a08b50\"},nativeOn:{\"click\":function($event){return _vm.removeLayer.apply(null, arguments)}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('svg',{class:{ disable: _vm.disable },attrs:{\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"fill\":_vm.fill,\"d\":\"M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DisposeButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DisposeButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DisposeButton.vue?vue&type=template&id=fccd40a6\"\nimport script from \"./DisposeButton.vue?vue&type=script&lang=js\"\nexport * from \"./DisposeButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./DisposeButton.vue?vue&type=style&index=0&id=fccd40a6&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DistancePopupContent.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DistancePopupContent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DistancePopupContent.vue?vue&type=template&id=350b6b41&scoped=true\"\nimport script from \"./DistancePopupContent.vue?vue&type=script&lang=js\"\nexport * from \"./DistancePopupContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./DistancePopupContent.vue?vue&type=style&index=0&id=350b6b41&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"350b6b41\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"content\",staticClass:\"area-popup-content\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"line\"},[_c('span',{staticClass:\"line-title\"},[_vm._v(_vm._s(_vm.isJp ? \"外周\" : \"Circumference\"))]),_c('span',{staticClass:\"line-value\"},[_vm._v(_vm._s(_vm.circumferenceWithUnit))])]),_c('div',{staticClass:\"line\"},[_c('span',{staticClass:\"line-title\"},[_vm._v(_vm._s(_vm.isJp ? \"面積\" : \"Area\"))]),_c('span',{staticClass:\"line-value\"},[_vm._v(_vm._s(_vm.areaWithUnit))])])]),_c('dispose-button',{staticClass:\"dispose-button\",attrs:{\"color\":\"#a08b50\"},nativeOn:{\"click\":function($event){return _vm.removeLayer.apply(null, arguments)}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n \n {{ isJp ? \"距離\" : \"Distance\" }}\n {{ distanceWithUnit }}\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./AreaPopupContent.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./AreaPopupContent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AreaPopupContent.vue?vue&type=template&id=282e3b84&scoped=true\"\nimport script from \"./AreaPopupContent.vue?vue&type=script&lang=js\"\nexport * from \"./AreaPopupContent.vue?vue&type=script&lang=js\"\nimport style0 from \"./AreaPopupContent.vue?vue&type=style&index=0&id=282e3b84&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"282e3b84\",\n null\n \n)\n\nexport default component.exports","import \"leaflet-draw\";\n\nconst Ruler = L.Draw.Polyline.extend({\n statics: {\n // Polyline or Polygon\n TYPE: \"poly\",\n },\n\n options: {\n repeatMode: true,\n },\n\n // @method initialize(): void\n initialize(map, options) {\n L.Draw.Polyline.prototype.initialize.call(this, map, options);\n\n // Save the type so super can fire, need to do this as cannot do this.TYPE :(\n this.type = Ruler.TYPE;\n },\n\n _updateFinishHandler() {\n // markerCount is the number of points in the polygon being drawn.\n // Dynamically switches the handler that fires when a point is clicked.\n const markerCount = this._markers.length;\n\n if (markerCount === 1) {\n // If there is only one marker, have a handler that completes the first marker\n this._markers[0].on(\"click\", this._finishShape, this);\n } else if (markerCount === 2) {\n // When there are two markers, the process should not be completed at the first point.\n this._markers[0].off(\"click\", this._finishShape, this);\n }\n\n if (markerCount > 1) {\n // The last marker should have a click handler to close the polyline\n this._markers[markerCount - 1].on(\"click\", this._finishShape, this);\n }\n\n if (markerCount > 2) {\n // Remove the old marker click handler (as only the last point should close the polyline)\n this._markers[markerCount - 2].off(\"click\", this._finishShape, this);\n // When a triangle is ready to be created, add a handler to the first marker to make it\n this._markers[0].on(\"click\", this._finishCloseShape, this);\n }\n },\n\n // Complete with closed shape\n _finishCloseShape() {\n const isClose = true;\n\n this._fireCreatedEvent(isClose);\n this.disable();\n if (this.options.repeatMode) {\n this.enable();\n }\n },\n\n // Complete with un closed shape\n _finishShape() {\n const canfinishShape = this._markers.length > 1;\n\n if (canfinishShape) {\n const isClose = false;\n this._fireCreatedEvent(isClose);\n }\n this.disable();\n if (this.options.repeatMode) {\n this.enable();\n }\n },\n\n _fireCreatedEvent(isClose) {\n let styleOptions;\n let Poly;\n\n if (isClose) {\n styleOptions = this.options.polygonLayerOptions;\n Poly = L.Polygon;\n } else {\n styleOptions = this.options.polylineLayerOptions;\n Poly = L.Polyline;\n }\n\n const poly = new Poly(this._poly.getLatLngs(), styleOptions);\n\n L.Draw.Feature.prototype._fireCreatedEvent.call(this, poly);\n },\n\n _cancelDrawing: function (e) {\n // Once disabled and then enabled, it can be canceled\n this.disable();\n this.enable();\n },\n});\n\nexport default Ruler;\n","import \"leaflet-draw\";\n\nconst Rectangle = L.Draw.Rectangle.extend({\n // @method initialize(): void\n initialize(map, options) {\n L.Draw.Rectangle.prototype.initialize.call(this, map, options);\n\n // Save the type so super can fire, need to do this as cannot do this.TYPE :(\n this.type = Rectangle.TYPE;\n },\n\n _cancelDrawing: function (e) {\n // Once disabled and then enabled, it can be canceled\n this.disable();\n this.enable();\n },\n});\n\nexport default Rectangle;\n","import Vue from \"vue\";\nimport L from \"leaflet\";\nimport DistancePopupContent from \"@/components/Main/Polygon/DistancePopupContent.vue\";\nimport AreaPopupContent from \"@/components/Main/Polygon/AreaPopupContent.vue\";\nimport MAP_CONST from \"@/js/const/map-const.js\";\nimport Ruler from \"@/leaflet-plugins/L.Draw.Ruler.js\";\nimport Rectangle from \"@/leaflet-plugins/L.Draw.Rectangle.js\";\n\n// 初期処理が多重実行されてしまうため、MainMap.vue以外ではmixinしないこと\nconst drawerModule = {\n computed: {\n isJp() {\n return this.$store.getters[\"pref/language\"] === \"ja\";\n },\n },\n methods: {\n /**\n * leaflet-drawの初期化を行う\n */\n initDrawer() {\n const { map } = this.$store.getters;\n const rectangleDrawnItem = L.layerGroup(null).addTo(this.map);\n const polylineDrawer = new L.Draw.Polyline(map, {\n shapeOptions: { color: \"#f40175\" },\n });\n const drawnLayers = L.layerGroup(null);\n this.$store.commit(\"addToMap\", drawnLayers);\n this.$store.commit(\"setRulerLayers\", drawnLayers);\n this.$store.commit(\"setConditionalLayers\", rectangleDrawnItem);\n\n const rulerDrawer = new Ruler(this.map, {\n shapeOptions: {\n color: \"#f40175\",\n opacity: 1,\n },\n polygonLayerOptions: {\n color: \"#f40175\",\n fill: true,\n fillColor: \"#f40175\", // same as color by default\n fillOpacity: 0.2,\n },\n polylineLayerOptions: { color: \"#f40175\" },\n });\n\n this.$store.commit(\"setRulerDrawer\", rulerDrawer);\n\n // tooltipの設定\n L.drawLocal = {\n draw: {\n handlers: {\n polyline: {\n tooltip: {\n start: \"\",\n cont: \"\",\n end: this.isJp\n ? \"\n
\n \n {{ isJp ? \"外周\" : \"Circumference\" }}\n {{ circumferenceWithUnit }}\n
\n \n {{ isJp ? \"面積\" : \"Area\" }}\n {{ areaWithUnit }}\n
\n 最後のポイントをクリックすると描画を終了します
\"\n : \"Click last point to finish line
\",\n },\n },\n rectangle: {\n tooltip: {\n start: \"\",\n },\n },\n simpleshape: {\n tooltip: {\n end: \"\",\n },\n },\n },\n },\n };\n\n const RectangleDrawer = new Rectangle(this.map, {\n shapeOptions: {\n color: \"#808080\",\n opacity: 1,\n },\n });\n\n this.$store.commit(\"L/setRectangleDrawer\", RectangleDrawer);\n this.$store.commit(\"L/setPolylineDrawer\", polylineDrawer);\n\n // tooltipの動的な言語切り替えの為、Vuexを監視している。\n this.$store.watch(\n (state, getters) => getters[\"layer/rowChecked\"],\n (newValue, oldValue) => {\n console.log(newValue);\n },\n );\n\n const that = this;\n\n // 図形作成完了にhookする\n this.map.on(L.Draw.Event.CREATED, (event) => {\n const { layer } = event;\n\n if (layer instanceof L.Rectangle) {\n if (event.layerType === \"rectangle\") {\n event.layer.options.color = \"#A08B50\";\n }\n rectangleDrawnItem.addLayer(event.layer);\n this.$store.commit(\"L/setRectangleTile\", event.layer);\n this.$store.commit(\"L/setRectangleLatLng\", event.layer._latlngs);\n } else if (layer instanceof L.Polyline) {\n const latlngs = layer._defaultShape();\n let distance = 0;\n for (let i = 0; i < latlngs.length - 1; i++) {\n distance += latlngs[i].distanceTo(latlngs[i + 1]);\n }\n\n const DistancePopupContentClass = Vue.extend(DistancePopupContent);\n const instance = new DistancePopupContentClass({\n store: that.$store,\n propsData: { layer, distance },\n });\n }\n\n // 継承関係においてPolygonはPolylineでもあるため、サブクラスから先に検証する。\n // https://leafletjs.com/examples/extending/extending-1-classes.html\n\n if (layer instanceof L.Rectangle) {\n return;\n }\n if (layer instanceof L.Polygon) {\n this.onCreatedRulerPolygon(layer);\n } else if (layer instanceof L.Polyline) {\n this.onCreatedRulerPolyline(layer);\n }\n });\n\n // 図形作成終了にhookする(中断でも発火する)\n this.map.on(L.Draw.Event.DRAWSTOP, (event) => {\n // 距離測定モードが選択されている場合、再度、描画を開始する。\n if (\n event.layerType === \"polyline\" &&\n that.$store.getters.selectedOperation ===\n MAP_CONST.MAP_OPERATIONS.RULER\n ) {\n that.$store.commit(\"L/handleRulerDrawer\", \"enable\");\n }\n });\n\n // zoomが移動が終わった際にhookする\n this.map.on(\"zoomend\", this.onZoomend);\n },\n /**\n * Ruler機能で作成したPolygonに前処理をして、mapに追加する\n */\n onCreatedRulerPolygon(layer) {\n this.$store.commit(\"addRulerLayer\", layer);\n\n // 表示する情報の作成\n const latLngs = layer._defaultShape();\n const circumference = this.calcTotalDistance([...latLngs, latLngs[0]]);\n const isMetric = true;\n const readableCircumference = L.GeometryUtil.readableDistance(\n circumference,\n isMetric,\n );\n\n const area = L.GeometryUtil.geodesicArea(latLngs);\n const readableArea = L.GeometryUtil.readableArea(area, isMetric);\n\n // Popupの作成、追加\n const areaPopupContent = this.createVueInstance(AreaPopupContent, {\n layer,\n circumference,\n area,\n });\n areaPopupContent.$mount();\n layer.bindPopup(areaPopupContent.$refs.content, {\n className: \"area-popup\",\n maxWidth: 230,\n });\n\n // Tooltipの作成、追加\n const tooltipContent = `${readableCircumference}
${readableArea}
`;\n const areaTooltip = this.createRulerLayerTooltip(layer, tooltipContent);\n\n // zoomレベルによっては、Tooltipを表示しない (この後はthis.onZoomendで制御)\n if (this.map.getZoom() >= MAP_CONST.RULER_TOOLTIP_ZOOM_THRESHOLD)\n areaTooltip.addTo(this.map);\n\n this.addRulerLayerEvent(layer);\n },\n /**\n * Ruler機能で作成したPolylineに前処理をして、mapに追加する\n */\n onCreatedRulerPolyline(layer) {\n this.$store.commit(\"addRulerLayer\", layer);\n\n // 表示する情報の作成\n const latLngs = layer._defaultShape();\n const distance = this.calcTotalDistance(latLngs);\n\n const isMetric = true;\n const readableDist = L.GeometryUtil.readableDistance(distance, isMetric);\n\n // Popupの作成、追加\n const distancePopupContent = this.createVueInstance(\n DistancePopupContent,\n {\n layer,\n distance,\n },\n );\n distancePopupContent.$mount();\n layer.bindPopup(distancePopupContent.$refs.content, {\n className: \"distance-popup\",\n maxWidth: 200,\n });\n\n // Tooltipの作成、追加\n const tooltipContent = `${readableDist}
`;\n const areaTooltip = this.createRulerLayerTooltip(layer, tooltipContent);\n // zoomレベルによっては、Tooltipを追加しない (この後はthis.onZoomendで制御)\n if (this.map.getZoom() >= MAP_CONST.RULER_TOOLTIP_ZOOM_THRESHOLD)\n areaTooltip.addTo(this.map);\n\n this.addRulerLayerEvent(layer);\n },\n /**\n * zoom操作が終わった後にhookして実行する処理\n */\n onZoomend() {\n // Ruler機能で使われる処理しかないため、Ruler機能以外が選択されていたらearly return\n if (\n this.$store.getters.selectedOperation !== MAP_CONST.MAP_OPERATIONS.RULER\n )\n return;\n\n const zoom = this.map.getZoom();\n const { rulerLayers } = this.$store.getters;\n\n // zoomレベルが閾値以下だとTooptipを表示する。\n if (zoom < MAP_CONST.RULER_TOOLTIP_ZOOM_THRESHOLD) {\n rulerLayers.eachLayer((layer) => {\n if (layer.rulerTooltip) layer.rulerTooltip.remove();\n });\n } else if (zoom >= MAP_CONST.RULER_TOOLTIP_ZOOM_THRESHOLD) {\n rulerLayers.eachLayer((layer) => {\n if (layer.rulerTooltip) layer.rulerTooltip.addTo(this.map);\n });\n }\n },\n /**\n * componentをVueInstance化する\n */\n createVueInstance(component, props) {\n const VueComponent = Vue.extend(component);\n const instance = new VueComponent({\n store: this.$store,\n propsData: props,\n });\n return instance;\n },\n /**\n * latlngを順番に走査した時の総距離を作る\n */\n calcTotalDistance(latLngs) {\n let totalDistance = 0;\n for (let i = 0; i < latLngs.length - 1; i++) {\n totalDistance += latLngs[i].distanceTo(latLngs[i + 1]);\n }\n return totalDistance;\n },\n /**\n * Ruler機能で表示するtooltipを作成する\n */\n createRulerLayerTooltip(layer, content) {\n const tooltip = L.tooltip({\n permanent: true,\n direction: \"center\",\n className: \"ruler-tooltip\",\n });\n\n tooltip.setContent(content).setLatLng(layer.getCenter());\n\n layer.rulerTooltip = tooltip;\n\n return tooltip;\n },\n /**\n * Ruler機能で作成したLayerにイベントを追加する\n */\n addRulerLayerEvent(layer) {\n layer.on(\"remove\", (event) => {\n layer.rulerTooltip.remove();\n });\n\n layer.on(\"add\", (event) => {\n layer.rulerTooltip.addTo(this.map);\n });\n },\n },\n};\n\nexport default drawerModule;\n","\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./MainMap.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./MainMap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MainMap.vue?vue&type=template&id=212e674a\"\nimport script from \"./MainMap.vue?vue&type=script&lang=js\"\nexport * from \"./MainMap.vue?vue&type=script&lang=js\"\nimport style0 from \"./MainMap.vue?vue&type=style&index=0&id=212e674a&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.$store.state.infoPanel.isShow),expression:\"this.$store.state.infoPanel.isShow\"}],ref:\"infopanel\",staticClass:\"info-panel\",style:({\n top: _vm.ypx,\n left: _vm.xpx,\n 'margin-top': -1 * _vm.getMyHeight() - 40 + 'px',\n })},[_c('div',[(_vm.$store.state.infoPanel.title.length > 0)?_c('p',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.$store.state.infoPanel.title)+\" \")]):_vm._e(),_vm._l((_vm.$store.state.infoPanel.info),function(info,key){return _c('div',{key:key,staticClass:\"table\"},[_c('div',{staticClass:\"table-content\"},[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.isJp ? info.name.jp : info.name.en))]),_vm._l((info.value),function(item,index){return _c('tr',{key:index},[_c('td',[_vm._v(_vm._s(item.key))]),_c('td',[_vm._v(_vm._s(item.value))])])})],2)])})],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n
\n \n \n 0\" class=\"title\">\n {{ $store.state.infoPanel.title }}\n
\n\n \n {{ item.key }} \n {{ item.value }} \n \n
\n {{ isJp ? info.name.jp : info.name.en }}
\n\n
\n \n 0\" class=\"title\">\n {{ $store.state.infoPanelSmall.title }}\n
\n\n \n \n {{ item.value }} \n \n
\n 土壌データ
\n\n \n
\n
\n \n | 地域 | \n{{ cityName }} | \n
| 土壌 | \n\n | \n
\n
\n \n \n \n
\n \n{{ title }}
\n\n \n
\n \n \n
\n \n \n {{ isJp ? item.nameJp : item.nameEn }}\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchableSvbIconButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchableSvbIconButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SwitchableSvbIconButton.vue?vue&type=template&id=69f3e83a&scoped=true\"\nimport script from \"./SwitchableSvbIconButton.vue?vue&type=script&lang=js\"\nexport * from \"./SwitchableSvbIconButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./SwitchableSvbIconButton.vue?vue&type=style&index=0&id=69f3e83a&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"69f3e83a\",\n null\n \n)\n\nexport default component.exports","\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./MainMapToolBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./MainMapToolBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MainMapToolBar.vue?vue&type=template&id=045c210d&scoped=true\"\nimport script from \"./MainMapToolBar.vue?vue&type=script&lang=js\"\nexport * from \"./MainMapToolBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./MainMapToolBar.vue?vue&type=style&index=0&id=045c210d&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"045c210d\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"location-search-box\",attrs:{\"id\":\"location-search-box\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchWord),expression:\"searchWord\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Search location\"},domProps:{\"value\":(_vm.searchWord)},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.submit.apply(null, arguments)},\"compositionstart\":function($event){_vm.composing = true},\"compositionend\":function($event){_vm.composing = false},\"input\":function($event){if($event.target.composing)return;_vm.searchWord=$event.target.value}}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Loader } from \"@googlemaps/js-api-loader\";\n\nexport default class GMaps {\n constructor() {\n this.apiKey = process.env.VUE_APP_GMAP_API_KEY;\n this.google = null;\n this.map = null;\n this.latLng = null;\n this.init();\n }\n\n async init() {\n const loader = await new Loader({\n apiKey: this.apiKey,\n version: \"weekly\",\n libraries: [\"places\"],\n });\n await loader.load();\n this.google = window.google;\n const mapOptions = {\n center: { lat: 0, lng: 0 },\n zoom: 4,\n };\n const div = document.createElement(\"div\");\n this.map = new this.google.maps.Map(div, mapOptions);\n }\n\n async getPlace(latLng, callback, sort = false) {\n this.latLng = latLng;\n const service = new this.google.maps.places.PlacesService(this.map);\n const request = {\n query: \"*\",\n fields: [\"name\", \"geometry\", \"formatted_address\", \"photos\", \"types\"],\n locationBias: {\n radius: 500, // meters\n center: { lat: latLng.lat, lng: latLng.lng },\n },\n };\n const that = this;\n service.findPlaceFromQuery(request, (results, status) => {\n if (status === that.google.maps.places.PlacesServiceStatus.OK) {\n if (sort) {\n const places = that.sortPlacesByDistance(results);\n callback(places);\n } else {\n callback(results);\n }\n }\n });\n }\n\n async getAddress(lngLat) {\n const geocoder = new this.google.maps.Geocoder();\n try {\n const res = await geocoder.geocode({\n location: { lat: lngLat.lat, lng: lngLat.lng },\n });\n const { results } = res;\n return results;\n } catch (error) {\n console.log(\n `Geocode was not successful for the following reason: ${error}`,\n );\n return null;\n }\n }\n\n static getLocalNameByGCArray(gcArray) {\n const addressList = gcArray.reverse();\n for (let i = 0; i < addressList.length; i++) {\n const addressObj = addressList[i];\n if (addressObj.types.includes(\"administrative_area_level_1\")) {\n const components = addressObj.address_components;\n for (let j = 0; j < components.length; j++) {\n const component = components[j];\n if (component.types.includes(\"administrative_area_level_1\"))\n return component.long_name;\n }\n }\n }\n\n return null;\n }\n\n calcDistance(toLatLng) {\n const fromLatLng = new this.google.maps.LatLng(this.latLng);\n return this.google.maps.geometry.spherical.computeDistanceBetween(\n fromLatLng,\n toLatLng,\n );\n }\n\n sortPlacesByDistance(places) {\n const that = this;\n places.sort((a, b) => {\n if (\n Number(that.calcDistance(a.geometry.location)) >\n Number(that.calcDistance(b.geometry.location))\n )\n return 1;\n if (\n Number(that.calcDistance(a.geometry.location)) <\n Number(that.calcDistance(b.geometry.location))\n )\n return -1;\n return 0;\n });\n return places;\n }\n\n /**\n * convert Google Maps API's LatLng Object to leaflet format\n */\n static formatLatLngG2L(googleLatLng) {\n return googleLatLng.toJSON();\n }\n\n /**\n * format Google Maps API's format to leaflet LatLngBounds format\n */\n static formatBoundsG2L(gBounds) {\n const sw = gBounds.getSouthWest().toJSON();\n const ne = gBounds.getNorthEast().toJSON();\n return [sw, ne];\n }\n\n async geoCoding(address) {\n const geocoder = new this.google.maps.Geocoder();\n const request = {\n address,\n language: \"ja\",\n };\n try {\n const res = await geocoder.geocode(request);\n const { results } = res;\n return results;\n } catch (error) {\n console.log(\n `Geocode was not successful for the following reason: ${error}`,\n );\n return null;\n }\n }\n}\n\nexport function getStreetViewLinkUrl(latlng) {\n if (latlng == null) return \"\";\n return `https://www.google.com/maps/@?api=1&map_action=pano¶meters&viewpoint=\n ${latlng.lat},${latlng.lng}`;\n}\n\nexport function getStreetViewLinkTag(latlng) {\n if (latlng == null) return \"\";\n return `\n Google Street View\n `;\n}\n","\n \n ![]()
\n
\n \n ![]()
\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LocationSearchBox.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LocationSearchBox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LocationSearchBox.vue?vue&type=template&id=98fd724e&scoped=true\"\nimport script from \"./LocationSearchBox.vue?vue&type=script&lang=js\"\nexport * from \"./LocationSearchBox.vue?vue&type=script&lang=js\"\nimport style0 from \"./LocationSearchBox.vue?vue&type=style&index=0&id=98fd724e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"98fd724e\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"demo-footer\"},[_c('div',{staticClass:\"messages\"},[_c('div',{staticClass:\"jump\"},[_c('div',{staticClass:\"jump__btns\"},[_c('v-btn',{staticClass:\"jump__btns__vbtn\",attrs:{\"color\":\"#A08B50aa\",\"height\":\"26\",\"width\":\"120\"},on:{\"click\":function($event){return _vm.jumpTo('city')}}},[_vm._v(\" \"+_vm._s(_vm.cityTxt)+\" \")]),_c('v-btn',{staticClass:\"jump__btns__vbtn\",attrs:{\"color\":\"#A08B50aa\",\"height\":\"26\",\"width\":\"120\"},on:{\"click\":function($event){return _vm.jumpTo('matsumoto')}}},[_vm._v(\" \"+_vm._s(_vm.matsumotoTxt)+\" \")]),_c('v-btn',{staticClass:\"jump__btns__vbtn\",attrs:{\"color\":\"#A08B50aa\",\"height\":\"26\",\"width\":\"120\"},on:{\"click\":function($event){return _vm.jumpTo('furano')}}},[_vm._v(\" \"+_vm._s(_vm.furanoTxt)+\" \")])],1)]),_c('p',{staticClass:\"to-inquiry\"},[_vm._v(\" \"+_vm._s(_vm.moreInfoTxt1)),_c('a',{attrs:{\"href\":\"https://compass.tenchijin.co.jp/#otoiawase\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.moreInfoTxt2))])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DemoFooter.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./DemoFooter.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DemoFooter.vue?vue&type=template&id=0f3f8b7f&scoped=true\"\nimport script from \"./DemoFooter.vue?vue&type=script&lang=js\"\nexport * from \"./DemoFooter.vue?vue&type=script&lang=js\"\nimport style0 from \"./DemoFooter.vue?vue&type=style&index=0&id=0f3f8b7f&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0f3f8b7f\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"memo-snackbar\"},[_c('v-snackbar',{staticClass:\"snackbar\",attrs:{\"timeout\":_vm.displayMsTime,\"bottom\":_vm.y === 'bottom',\"left\":_vm.x === 'left',\"right\":_vm.x === 'right',\"top\":_vm.y === 'top',\"color\":_vm.c},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({attrs:{\"color\":_vm.colorBtn,\"text\":\"\"},on:{\"click\":function($event){_vm.snackbar = false}}},'v-btn',attrs,false),[_vm._v(\" \"+_vm._s(_vm.closeLabel)+\" \")])]}}]),model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},[_vm._v(\" \"+_vm._s(_vm.text)+\" \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./Snackbar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./Snackbar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Snackbar.vue?vue&type=template&id=e80ba090&scoped=true\"\nimport script from \"./Snackbar.vue?vue&type=script&lang=js\"\nexport * from \"./Snackbar.vue?vue&type=script&lang=js\"\nimport style0 from \"./Snackbar.vue?vue&type=style&index=0&id=e80ba090&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"e80ba090\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('HowToUsePanel',{ref:\"howToUsePanel\"}),(_vm.isShowHowToUseDemo)?_c('HowToUseDemo',{on:{\"close\":_vm.closeHowToUsedemo,\"showVideo\":_vm.showVideo}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isShowHowToUse)?_c('div',{staticClass:\"howtouse\"},[_c('p',{staticClass:\"howtouse__title\"},[(_vm.isJp)?[_vm._v(\" 使い方 \")]:[_vm._v(\" How to use \")]],2),_c('div',{staticClass:\"howtouse__descrbox\"},[_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHowtoText(1)),expression:\"showHowtoText(1)\"}],staticClass:\"descr\"},[(_vm.isJp)?[_vm._v(\" ① 右のパネルから重ねたいレイヤーを選択します。 \")]:[_vm._v(\" 1. Select a layer from the right panel to overlay. \")]],2)]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHowtoText(2)),expression:\"showHowtoText(2)\"}],staticClass:\"descr\"},[(_vm.isJp)?[_vm._v(\" ② \\\"+\\\"ボタンを押すと、レイヤーを追加できます。 \")]:[_vm._v(\" 2. To add a layer, click \\\"+\\\" button. \")]],2)]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHowtoText(3)),expression:\"showHowtoText(3)\"}],staticClass:\"descr\"},[(_vm.isJp)?[_vm._v(\" ③ スライダーで透明度を変更、チェックのオンオフで重ねる順番を切り替えることができます。 \")]:[_vm._v(\" 3. You can change the opacity by a slider. To change the orders, click the checkbox and turn on and off. \")]],2)]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHowtoText(4)),expression:\"showHowtoText(4)\"}],staticClass:\"descr\"},[(_vm.isJp)?[_vm._v(\" ④ 右上の\\\"GEO INFORMATION\\\"を押すと、カーソルを合わせた地点の情報が閲覧できるようになります。 \")]:[_vm._v(\" 4. \\\"GEO INFORMATION\\\" mode shows the information of the cursor point. \")]],2)]),_c('transition',{attrs:{\"name\":\"fade\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showHowtoText(5)),expression:\"showHowtoText(5)\"}],staticClass:\"descr\"},[(_vm.isJp)?[_vm._v(\" ⑤ 地図上をクリックすると、その地点の気象情報や農地情報を知ることができます。 \")]:[_vm._v(\" 5. By clicking on the map, you can load data of climate and farmland. \")]],2)])],1),_c('div',{staticClass:\"video-container\"},[_c('video',{ref:\"videotag\",attrs:{\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\",\"controls\":\"\"},domProps:{\"muted\":true}},[_c('source',{attrs:{\"src\":\"img/howtouse.webm\",\"type\":\"video/webm\"}}),_c('source',{attrs:{\"src\":\"img/howtouse.mp4\",\"type\":\"video/mp4\"}})])]),_c('div',[_c('v-btn',{staticClass:\"close-btn\",on:{\"click\":_vm.closeHowToUse}},[(_vm.isJp)?[_vm._v(\" 閉じる \")]:[_vm._v(\" CLOSE \")]],2)],1)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUsePanel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUsePanel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HowToUsePanel.vue?vue&type=template&id=485f7ffc&scoped=true\"\nimport script from \"./HowToUsePanel.vue?vue&type=script&lang=js\"\nexport * from \"./HowToUsePanel.vue?vue&type=script&lang=js\"\nimport style0 from \"./HowToUsePanel.vue?vue&type=style&index=0&id=485f7ffc&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"485f7ffc\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"howtouse-demo\"},[_c('div',{staticClass:\"messages\"},[_c('CloseButton',{staticClass:\"close-btn\",attrs:{\"color\":\"#666\"},on:{\"click\":function($event){return _vm.$emit('close')}}}),(_vm.isJp)?_c('p',{staticClass:\"title\"},[_vm._v(\"天地人コンパス デモ版で体験できる機能\")]):_c('p',{staticClass:\"title\"},[_vm._v(\"Welcome to Tenchijin COMPASS Demo!\")]),_c('div',{staticClass:\"whattodo\"},[(_vm.isJp)?_c('p',{staticClass:\"mapicon\"},[_vm._v(\"地図上でレイヤーデータを重ねる\")]):_c('p',{staticClass:\"mapicon\"},[_vm._v(\"Layer data on the map\")]),_c('div',{staticClass:\"details\"},[(_vm.isJp)?_c('p',[_vm._v(\" 画面の右でレイヤーを選択することで、地図にデータを重ねていくことができます。気象、地形、ハザードマップなど様々なデータを重ね合わせて、あなたのビジネスに最適な土地を探してみましょう。 \"),_c('br'),_vm._v(\"※デモ版では3つのエリア「関東都心部」「松本市付近」「富良野市付近」で体験いただけます。 \")]):_c('p',[_vm._v(\" Layer data on the map by selecting your choice of layer by clicking the “Select your layer” button. These layers will allow you to probe into climate, geographical, and hazard risk data to gain experience on finding the perfect location for your business. *Demo version allows access to data from “Tokyo area”, “Matsumoto city”, and “Furano city”. \")])])]),_c('div',{staticClass:\"whattodo\"},[(_vm.isJp)?_c('p',{staticClass:\"pinicon\"},[_vm._v(\"ピンポイントのデータを調べる\")]):_c('p',{staticClass:\"pinicon\"},[_vm._v(\"Explore pinpoint locations\")]),_c('div',{staticClass:\"details\"},[(_vm.isJp)?_c('p',[_vm._v(\" マップの上をクリックすることで、衛星データならではのピンポイントのデータをご覧いただけます。1km単位で変化がわかる衛星データで、世界中の気候の変化を調べてみましょう。 \")]):_c('p',[_vm._v(\" Click any point on the map to view our satellite data on a specific location. You will be able to visualise the shift of global mechanisms with 1 km mesh data. \")]),_c('div',{staticClass:\"about-graph\"},[(_vm.isJp)?_c('ul',[_c('li',[_vm._v(\"デモ版では以下のデータをグラフや表で表示できます。\")]),_c('li',[_vm._v(\"世界中の地表面温度と降水量（2019年-2021年 各月）\")]),_c('li',[_vm._v(\"日本中の日射量（2019年 各月）\")]),_c('li',[_vm._v(\"日本中の農地データ\")])]):_c('ul',[_c('li',[_vm._v(\" The demo version allows you to create visualisations for the following data: \")]),_c('li',[_vm._v(\"Monthly global LST and rainfall (2019-2021)\")]),_c('li',[_vm._v(\"Monthly insolation in Japan (2019 per month)\")]),_c('li',[_vm._v(\"Farmland related data in Japan\")])])])])]),_c('div',{staticClass:\"tovideo\"},[(_vm.isJp)?_c('p',{on:{\"click\":function($event){return _vm.$emit('showVideo')}}},[_c('v-icon',{attrs:{\"color\":\"#a08b50\"}},[_vm._v(\" mdi-play \")]),_vm._v(\"使い方の動画を見る \")],1):_c('p',{on:{\"click\":function($event){return _vm.$emit('showVideo')}}},[_c('v-icon',{attrs:{\"color\":\"#a08b50\"}},[_vm._v(\" mdi-play \")]),_vm._v(\"Play movie \")],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n 使い方 \n How to use \n
\n\n \n \n \n \n \n \n \n \n \n \n
\n \n \n ① 右のパネルから重ねたいレイヤーを選択します。\n \n \n 1. Select a layer from the right panel to overlay.\n \n
\n\n \n ② \"+\"ボタンを押すと、レイヤーを追加できます。\n \n 2. To add a layer, click \"+\" button. \n
\n\n \n ③\n スライダーで透明度を変更、チェックのオンオフで重ねる順番を切り替えることができます。\n \n \n 3. You can change the opacity by a slider. To change the orders,\n click the checkbox and turn on and off.\n \n
\n\n \n ④ 右上の\"GEO\n INFORMATION\"を押すと、カーソルを合わせた地点の情報が閲覧できるようになります。\n \n \n 4. \"GEO INFORMATION\" mode shows the information of the cursor point.\n \n
\n\n \n ⑤\n 地図上をクリックすると、その地点の気象情報や農地情報を知ることができます。\n \n \n 5. By clicking on the map, you can load data of climate and\n farmland.\n \n
\n\n \n
\n \n \n 閉じる \n CLOSE \n \n
\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUseDemo.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUseDemo.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HowToUseDemo.vue?vue&type=template&id=0673db59&scoped=true\"\nimport script from \"./HowToUseDemo.vue?vue&type=script&lang=js\"\nexport * from \"./HowToUseDemo.vue?vue&type=script&lang=js\"\nimport style0 from \"./HowToUseDemo.vue?vue&type=style&index=0&id=0673db59&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0673db59\",\n null\n \n)\n\nexport default component.exports","\n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUse.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./HowToUse.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./HowToUse.vue?vue&type=template&id=efeab2ba\"\nimport script from \"./HowToUse.vue?vue&type=script&lang=js\"\nexport * from \"./HowToUse.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"right-sidebar\",class:{ closed: !_vm.isClosedRef },attrs:{\"id\":\"right-sidebar\"}},[_c('div',{staticClass:\"close-button\",on:{\"click\":_vm.onSwitchExpand}},[_c('img',{class:{ closed: !_vm.isClosedRef },attrs:{\"src\":\"/img/svg/chevron_icon.svg\",\"alt\":\"\"}})]),_c('div',{staticClass:\"closable-area\"},[_c('div',{staticClass:\"sidebar-content\"},[_c('Logo',{attrs:{\"id\":\"sidebar-tenchijin-logo\"}}),(_vm.isPaidUser)?_c('p',{staticClass:\"project-name\"}):_vm._e(),_c('LayerPanel'),_c('BaseMapPanel',{attrs:{\"filtered-base-maps\":_vm.filteredBaseMapsRef}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layerpanel\"},[_c('LayerPanelHeader',{staticClass:\"layerpanel-header\"}),_c('div',{staticClass:\"layerpanel-list\"},[_c('div',{staticClass:\"layer-bar-container\"},[_vm._l((_vm.overlayLayers),function(item,index){return [_c('LayerBar',{key:item.id,attrs:{\"overlay-layer\":item,\"layer-index\":index,\"color-scale-list\":_vm.colorScaleList}})]})],2),_c('PlusButton',{staticClass:\"add-layer-btn\",on:{\"click\":function($event){return _vm.$store.commit('layer/addLayerBar', null)}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layerpanel-header\"},[_c('div',{staticClass:\"layerpanel-header-top\"},[_vm._m(0),_c('div',{staticClass:\"import-button\",on:{\"click\":_vm.closeExpand}},[(!_vm.isExpand)?_c('v-icon',[_vm._v(\" mdi-folder-outline \")]):_vm._e(),(_vm.isExpand)?_c('v-icon',[_vm._v(\" mdi-folder-open-outline \")]):_vm._e(),_c('p',[_vm._v(\"IMPORT\")])],1)]),_c('div',{staticClass:\"import-area\",class:{ dragenter: _vm.isDragEnter },on:{\"dragenter\":_vm.dragEnter,\"dragleave\":_vm.dragLeave,\"dragover\":function($event){$event.preventDefault();return _vm.dragOver.apply(null, arguments)},\"drop\":function($event){$event.preventDefault();return _vm.dropFile.apply(null, arguments)}}},[_c('div',{staticClass:\"expand-area\",class:{ expanded: _vm.isExpand }},[(_vm.isExpand)?_c('div',[(_vm.msgMode == 0)?_c('div',[(_vm.isJp)?_c('div',[_c('p',[_vm._v(\" ここにお持ちのKMLファイルをドラッグ&ドロップすると、下のレイヤーで選択できるようになります。 \")]),_c('p',[_vm._v(\" ※10MB以上のファイルを読み込む場合は時間がかかることがあります。 \")])]):_c('div',{staticClass:\"en\"},[_vm._m(1),_c('p',[_vm._v(\"※It may take time if the file is more than 10MB.\")])])]):_vm._e(),(_vm.msgMode == 1)?_c('div',[(_vm.isJp)?_c('div',[_c('p',[_vm._v(\" レイヤー \"+_vm._s(_vm.kmlFilename)+\"を読み込みました。\"),_c('br'),_vm._v(\"下のセレクトボックスから選択できます。 \")])]):_c('div',{staticClass:\"en\"},[_vm._m(2)]),_c('button',{on:{\"click\":_vm.closeExpand}},[_vm._v(\"OK\")])]):_vm._e(),(_vm.msgMode == 2)?_c('div',[(_vm.isJp)?_c('div',[_c('p',[_vm._v(\"非対応のファイル形式です。\")])]):_c('div',{staticClass:\"en\"},[_c('p',[_vm._v(\"Unsupported format.\")])])]):_vm._e(),(_vm.msgMode == 3)?_c('div',[_c('div',{staticClass:\"loading-msg\"},[_c('RadarSpinner',{attrs:{\"width\":60,\"height\":60}}),(_vm.isJp)?_c('div',[_c('p',[_vm._v(\"KMLを読み込んでいます..\")])]):_c('div',{staticClass:\"en\"},[_c('p',[_vm._v(\"Loading KML file..\")])])],1)]):_vm._e()]):_vm._e()])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layerpanel-title\"},[_c('img',{attrs:{\"src\":\"/img/svg/overlay_icon.svg\"}}),_c('p',[_vm._v(\"OVERLAY LAYERS\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\" Drag and drop KML file to import, \"),_c('br'),_vm._v(\"then the layer is added to the select box. \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\" Drag and drop KML file to import, \"),_c('br'),_vm._v(\"then the layer is added to the select box. \")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"radar-spinner\",style:(_vm.style)},[_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"circle-inner-container\"},[_c('div',{staticClass:\"circle-inner\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"circle-inner-container\"},[_c('div',{staticClass:\"circle-inner\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"circle-inner-container\"},[_c('div',{staticClass:\"circle-inner\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"circle\"},[_c('div',{staticClass:\"circle-inner-container\"},[_c('div',{staticClass:\"circle-inner\"})])])\n}]\n\nexport { render, staticRenderFns }","\n \n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarSpinner.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./RadarSpinner.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RadarSpinner.vue?vue&type=template&id=404ba4e7\"\nimport script from \"./RadarSpinner.vue?vue&type=script&lang=js\"\nexport * from \"./RadarSpinner.vue?vue&type=script&lang=js\"\nimport style0 from \"./RadarSpinner.vue?vue&type=style&index=0&id=404ba4e7&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import {\n format,\n addMonths,\n endOfMonth,\n startOfMonth,\n subDays,\n getDaysInMonth,\n} from \"date-fns\";\n\nexport function formatDate(date, formatStr) {\n return format(date, formatStr);\n}\n\n/*************************\nsince:String : \"2019-11-01\"\nuntil:String : \"2020-08-01\"\nunit:Number : 3\nreturn:Array : [{start:\"2019-11-01\", end:\"2020-01-31\"}, {start:\"2020-02-01\", end:\"2020-04-30\"}...]\n**************************/\nexport function getDividedPeriods(since, until, unit, isInclRemain = true) {\n let start = new Date(since);\n const end = new Date(until);\n let eachMonthList = [];\n while (addMonths(start, unit) < end) {\n const period = {\n start: format(start, \"yyyy-MM-dd\"),\n end: getEndOfMonth(format(addMonths(start, unit - 1), \"yyyy-MM-dd\")),\n };\n eachMonthList.push(period);\n start = addMonths(start, unit);\n }\n if (isInclRemain) {\n const period = {\n start: format(start, \"yyyy-MM-dd\"),\n end: getEndOfMonth(format(end, \"yyyy-MM-dd\")),\n };\n eachMonthList.push(period);\n }\n return eachMonthList;\n}\n\n/*************************\nsince:String : \"2019-11-01\"\nuntil:String : \"2020-02-01\"\nreturn:Array : [\"2019-11-01\", \"2019-12-01\", \"2020-01-01\", \"2020-02-01\"]\n**************************/\nexport function eachMonthOfInterval(since, until) {\n let start = new Date(since);\n const end = new Date(until);\n let eachMonthList = [];\n while (start < end) {\n eachMonthList.push(format(start, \"yyyy-MM-dd\"));\n start = addMonths(start, 1);\n }\n return eachMonthList;\n}\n\n/*************************\ndateStr:String : \"2019-11-01\"\nreturn:String : \"2019-11-30\"\n**************************/\nexport function getEndOfMonth(dateStr) {\n const date = new Date(dateStr);\n const endMonth = endOfMonth(date);\n return format(endMonth, \"yyyy-MM-dd\");\n}\n\n/*************************\ndateStr:String : \"2019-11-14\" or Date Object\nreturn:String : \"2019-10-30\"\n**************************/\nexport function getEndDateOfLastMonth(date) {\n if (typeof date == \"string\") {\n date = new Date(date);\n }\n const startDateOfThisMonth = startOfMonth(date);\n const endDateOfLastMaonth = subDays(startDateOfThisMonth, 1);\n return endDateOfLastMaonth;\n}\n\n/*************************\ndate:String : \"2019-01\" or Date Object\nreturn:Number : 31\n**************************/\nexport function getDaysNum(date) {\n if (typeof date == \"string\") {\n date = new Date(date);\n }\n return getDaysInMonth(date);\n}\n\n/*************************\nyear:String : \"2019\"\nsince:String : \"2019-8-14\"\nuntil:String : \"2020-5-30\"\nreturn if year=\"2019\" ? [\"08\",\"09\",\"10\",\"11\",\"12\"]\nreturn if year=\"2020\" ? [\"01\",\"02\",\"03\",\"04\",\"05\"]\nreturn else [\"01\",\"02\",\"03\",\"04\",\"05\",\"06\",\"07\",\"08\",\"09\",\"10\",\"11\",\"12\"]\n**************************/\nexport function trimMonthListByRange(year, since, until) {\n let newMonthList = [\n \"01\",\n \"02\",\n \"03\",\n \"04\",\n \"05\",\n \"06\",\n \"07\",\n \"08\",\n \"09\",\n \"10\",\n \"11\",\n \"12\",\n ];\n if (year == since.split(\"-\")[0]) {\n const sinceMonth = parseInt(since.split(\"-\")[1]);\n newMonthList = newMonthList\n .map((m) => {\n if (parseInt(m) >= sinceMonth) return m;\n })\n .filter((m) => m);\n } else if (year == until.split(\"-\")[0]) {\n const untilMonth = parseInt(until.split(\"-\")[1]);\n newMonthList = newMonthList\n .map((m) => {\n if (parseInt(m) <= untilMonth) return m;\n })\n .filter((m) => m);\n }\n return newMonthList;\n}\n\n/*\n */\nexport function mapVal(val1, min1, max1, min2, max2) {\n return (max2 - min2) * ((val1 - min1) / (max1 - min1)) + min2;\n}\n\n/**/\nexport function getRandomString(len) {\n var S = \"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789\";\n return Array.from(Array(len))\n .map(() => S[Math.floor(Math.random() * S.length)])\n .join(\"\");\n}\n","\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n\n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LayerPanelHeader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LayerPanelHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LayerPanelHeader.vue?vue&type=template&id=ccc3a3ca&scoped=true\"\nimport script from \"./LayerPanelHeader.vue?vue&type=script&lang=js\"\nexport * from \"./LayerPanelHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./LayerPanelHeader.vue?vue&type=style&index=0&id=ccc3a3ca&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"ccc3a3ca\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"layer-bar\"},[_c('div',{staticClass:\"layerbar-upper\"},[_c('div',{staticClass:\"overlay-enable\",attrs:{\"rowspan\":\"2\"}},[(\n _vm.overlayLayer.geotiff.overlays != null ||\n _vm.overlayLayer.geotiff.overlayFrames != null\n )?_c('CheckboxSquare',{attrs:{\"check-color\":_vm.overlayLayer.geotiff.checkColor},on:{\"checkboxChanged\":_vm.layerEnabledChanged},model:{value:(_vm.isLayerEnabled),callback:function ($$v) {_vm.isLayerEnabled=$$v},expression:\"isLayerEnabled\"}}):_vm._e()],1),_c('div',{staticClass:\"overlay-select\"},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedLayerLabel),expression:\"selectedLayerLabel\"}],attrs:{\"name\":\"overlaySelects\"},on:{\"change\":[function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedLayerLabel=$event.target.multiple ? $$selectedVal : $$selectedVal[0]},_vm.layerSelectedChanged]}},[_vm._l((_vm.$store.state.layer.layerJson),function(item){return [_c('option',{key:item.id,attrs:{\"disabled\":_vm.isLayerDisplayed(item)},domProps:{\"value\":item.label}},[_vm._v(\" \"+_vm._s(_vm.labelTxt(item))+\" \")])]})],2)]),_c('div',{staticClass:\"overlay-close\"},[_c('CloseButton',{staticClass:\"close-btn\",on:{\"click\":_vm.deleteLayer}})],1)]),_c('div',{staticClass:\"layerbar-middle\"},[(\n _vm.overlayLayer.geotiff.description != null &&\n _vm.overlayLayer.geotiff.description\n )?_c('InfoButton',{staticClass:\"layerbar__infobtn\",attrs:{\"layer\":_vm.overlayLayer}}):_vm._e(),_c('div',{staticClass:\"layerbar__legend\"},[_c('div',[_c('Legend',{attrs:{\"layer\":_vm.overlayLayer,\"color-scale-list\":_vm.colorScaleList,\"opacity\":_vm.legendOpacity}})],1)]),_c('div',{staticClass:\"replace-layer-btn-area\"},[_c('div',{staticClass:\"replace-with-upper-layer-btn replace-btn\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowReplaceWithUpperLayerBtn),expression:\"isShowReplaceWithUpperLayerBtn\"}],on:{\"click\":_vm.replaceWithUpperLayer}},[_vm._v(\"▲\")])]),_c('div',{staticClass:\"replace-with-lower-layer-btn replace-btn\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShowReplaceWithLowerLayerBtn),expression:\"isShowReplaceWithLowerLayerBtn\"}],on:{\"click\":_vm.replaceWithLowerLayer}},[_vm._v(\"▼\")])])])],1),_c('div',{staticClass:\"layerbar-lower\"},[(\n _vm.overlayLayer.geotiff.overlays != null ||\n _vm.overlayLayer.geotiff.overlayFrames != null\n )?_c('TransparentSlider',{attrs:{\"layer\":_vm.overlayLayer},on:{\"changeOpacity\":_vm.changeOpacity}}):_vm._e()],1),_c('div',{staticClass:\"layerbar-time\"},[(_vm.overlayLayer.geotiff.overlayFrames != null)?_c('TimeSlider',{attrs:{\"layer\":_vm.overlayLayer,\"current-frame\":_vm.overlayLayer.geotiff.currentFrame}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('label',{staticClass:\"overlay-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.checked),expression:\"checked\"}],style:(_vm.styles),attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.checked)?_vm._i(_vm.checked,null)>-1:(_vm.checked)},on:{\"change\":[function($event){var $$a=_vm.checked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.checked=$$a.concat([$$v]))}else{$$i>-1&&(_vm.checked=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.checked=$$c}},_vm.changed]}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxSquare.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckboxSquare.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CheckboxSquare.vue?vue&type=template&id=04476bf5&scoped=true\"\nimport script from \"./CheckboxSquare.vue?vue&type=script&lang=js\"\nexport * from \"./CheckboxSquare.vue?vue&type=script&lang=js\"\nimport style0 from \"./CheckboxSquare.vue?vue&type=style&index=0&id=04476bf5&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"04476bf5\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"legend-bar\"},[_c('div',{staticClass:\"legend-bar__color\",style:({ opacity: _vm.opacity })},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isImage),expression:\"isImage\"}],attrs:{\"src\":_vm.layer.geotiff.legendUrl}}),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isImage),expression:\"!isImage\"}],ref:\"canvas\"})]),(_vm.legendText != null)?_c('div',{staticClass:\"legend-bar__text\"},[_c('div',[_vm._v(_vm._s(_vm.legendText.left))]),_c('div',[_vm._v(_vm._s(_vm.legendText.right))])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","const DATASET = {\n LST_DAY: \"LST-DAY\",\n LST_NIGHT: \"LST-NIGHT\",\n};\n\nconst MODE = {\n GRADATION: \"gradation\",\n BINARY: \"binary\",\n};\n\nexport default { DATASET, MODE };\n","\n \n
\n\n \n ![](\"/img/svg/overlay_icon.svg\")
\n
\n \n \n OVERLAY LAYERS
\n\n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./Legend.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./Legend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Legend.vue?vue&type=template&id=6f939867&scoped=true\"\nimport script from \"./Legend.vue?vue&type=script&lang=js\"\nexport * from \"./Legend.vue?vue&type=script&lang=js\"\nimport style0 from \"./Legend.vue?vue&type=style&index=0&id=6f939867&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"6f939867\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"transparent-slider\"},[_c('v-icon',{staticClass:\"transparent-slider__icon\",attrs:{\"color\":\"#A08B50\",\"small\":\"\"}},[_vm._v(\" mdi-opacity \")]),_c('VueSlider',{staticClass:\"transparent-slider__slider\",attrs:{\"min\":0,\"max\":1,\"interval\":0.01,\"dot-size\":10,\"dot-options\":_vm.dotOptions,\"tooltip-formatter\":_vm.formatter,\"process\":_vm.process},model:{value:(_vm.alpha),callback:function ($$v) {_vm.alpha=$$v},expression:\"alpha\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TransparentSlider.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TransparentSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TransparentSlider.vue?vue&type=template&id=46101313&scoped=true\"\nimport script from \"./TransparentSlider.vue?vue&type=script&lang=js\"\nexport * from \"./TransparentSlider.vue?vue&type=script&lang=js\"\nimport style0 from \"./TransparentSlider.vue?vue&type=style&index=0&id=46101313&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"46101313\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"timeslider\"},[_c('div',{staticClass:\"timeslider__button-area\"},[_c('v-icon',{staticClass:\"button\",attrs:{\"color\":\"#A08B50\"}},[_vm._v(\" mdi-clock-outline \")])],1),_c('div',{staticClass:\"timeslider__slider-area\"},[_c('div',{staticClass:\"timeslider__slider-area__upper\"},[(!_vm.isPlaying)?_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"#A08B50\"},on:{\"click\":function($event){return _vm.playFrames()}}},[_c('v-icon',[_vm._v(\"mdi-play\")])],1):_c('v-btn',{attrs:{\"icon\":\"\",\"color\":\"#A08B50\"},on:{\"click\":function($event){return _vm.stopFrames()}}},[_c('v-icon',[_vm._v(\"mdi-pause\")])],1),_c('div',[_vm._v(_vm._s(_vm.timeLabel))])],1),_c('div',{staticClass:\"timeslider__slider-area__lower\"},[_c('div',{staticClass:\"slider\"},[_c('VueSlider',{attrs:{\"min\":_vm.minFrame,\"max\":_vm.maxFrame,\"interval\":1,\"dot-size\":10,\"dot-options\":_vm.dotOptions,\"adsorb\":true,\"contained\":true,\"tooltip\":'none',\"marks\":true,\"hide-label\":true,\"process\":_vm.process},on:{\"change\":_vm.sliderUpdate},model:{value:(_vm.frameNum),callback:function ($$v) {_vm.frameNum=$$v},expression:\"frameNum\"}})],1),_c('div',{staticClass:\"slider-label\"},[_c('div',[_vm._v(_vm._s(_vm.minTimeLabel))]),_c('div',[_vm._v(_vm._s(_vm.maxTimeLabel))])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TimeSlider.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./TimeSlider.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./TimeSlider.vue?vue&type=template&id=2b21d632&scoped=true\"\nimport script from \"./TimeSlider.vue?vue&type=script&lang=js\"\nexport * from \"./TimeSlider.vue?vue&type=script&lang=js\"\nimport style0 from \"./TimeSlider.vue?vue&type=style&index=0&id=2b21d632&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"2b21d632\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"infobtn-container\"},[_c('v-icon',{ref:\"infoIcon\",staticClass:\"infobtn\",attrs:{\"color\":\"#A08B50\"},on:{\"mouseover\":_vm.mouseOver,\"mouseleave\":_vm.mouseLeave}},[_vm._v(\" mdi-information-outline \")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n ![]()
\n \n
\n \n \n \n mdi-information-outline\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./InfoButton.vue?vue&type=template&id=7a2fe6a5&scoped=true\"\nimport script from \"./InfoButton.vue?vue&type=script&lang=js\"\nexport * from \"./InfoButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./InfoButton.vue?vue&type=style&index=0&id=7a2fe6a5&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7a2fe6a5\",\n null\n \n)\n\nexport default component.exports","\n \n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LayerBar.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./LayerBar.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./LayerBar.vue?vue&type=template&id=082c726e&scoped=true\"\nimport script from \"./LayerBar.vue?vue&type=script&lang=js\"\nexport * from \"./LayerBar.vue?vue&type=script&lang=js\"\nimport style0 from \"./LayerBar.vue?vue&type=style&index=0&id=082c726e&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"082c726e\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"PlusButton\",on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('svg',{attrs:{\"width\":_vm.size,\"height\":_vm.size,\"viewBox\":_vm.getViewBox}},[_c('rect',{attrs:{\"x\":_vm.getStartPos,\"y\":\"0\",\"height\":_vm.size,\"width\":_vm.weight,\"fill\":_vm.fill}}),_c('rect',{attrs:{\"x\":\"0\",\"y\":_vm.getStartPos,\"height\":_vm.weight,\"width\":_vm.size,\"fill\":_vm.fill}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n
\n\n\n\n\n","import mod from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./PlusButton.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.47.0/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib/index.js!../../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/index.js??vue-loader-options!./PlusButton.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlusButton.vue?vue&type=template&id=daa97342\"\nimport script from \"./PlusButton.vue?vue&type=script&lang=js\"\nexport * from \"./PlusButton.vue?vue&type=script&lang=js\"\nimport style0 from \"./PlusButton.vue?vue&type=style&index=0&id=daa97342&prod&lagn=scss&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.11.1_@vue+compiler-sfc@3.5.13_babel-core@7.0.0-bridge.0_@babel+core@7.23._954bc4b25cfaf2e668e5fc6110fe6678/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import L from \"leaflet\";\nimport GeoTIFF, { fromUrl, fromUrls, fromArrayBuffer, fromBlob } from \"geotiff\";\nimport \"leaflet-geotiff-2\";\nimport \"leaflet-geotiff-2/dist/leaflet-geotiff-rgb\";\nimport \"leaflet-geotiff-2/dist/leaflet-geotiff-plotty\";\nimport * as tj from \"@/js/tjCompass/tjCompass.js\";\n\nexport async function LoadGeoTiff(layerInfo) {\n const srcUrl =\n layerInfo.token === \"MAPTOKEN\"\n ? tj.getValidFullUrl(layerInfo.src[0])\n : layerInfo.src[0];\n let options;\n if (layerInfo.renderingType === \"NONE\") {\n /* to rgb */\n const renderer = L.LeafletGeotiff.rgb();\n // const options = {\n // rBand: 0,\n // gBand: 1,\n // bBand: 2,\n // // NOTE: this can also be used in combination with transpValue, then referring to a\n // // color band specifying a fixed value to be interpreted as transparent\n // alphaBand: 0,\n // // for all values equal to transpValue in the band alphaBand, the newly created alpha\n // // channel will be set to 0 (transparent), all other pixel values will result in alpha 255 (opaque)\n // transpValue: 0,\n // renderer: renderer,\n // };\n options = {\n renderer,\n onError: (e) => {\n console.log(e);\n },\n sourceFunction: GeoTIFF.fromUrl,\n alphaBand: 0,\n transpValue: 0,\n };\n } else {\n const rendererOptions = {\n displayMin: layerInfo.domain[0],\n displayMax: layerInfo.domain[1],\n clampLow: true,\n clampHigh: true,\n colorScale: layerInfo.colorscale,\n };\n const renderer = L.LeafletGeotiff.plotty(rendererOptions);\n const opacity = layerInfo.opacity ? layerInfo.opacity : 0.6;\n options = {\n // One of: L.LeafletGeotiff.rgb, L.LeafletGeotiff.plotty, L.LeafletGeotiff.vectorArrows\n renderer,\n onError: (e) => {\n console.log(e);\n },\n\n // Oneof: fromUrl, fromBlob, fromArrayBuffer\n sourceFunction: GeoTIFF.fromUrl,\n noDataValue: undefined,\n blockSize: 65536,\n opacity,\n };\n }\n const geotiffLayer = L.leafletGeotiff(srcUrl, options);\n\n return geotiffLayer;\n // return [geotiffLayer];\n}\n\nexport default LoadGeoTiff;\n","import L from \"leaflet\";\n// export default function(window) {\n\nconst TileLayerGL = (function (window) {\n /*\n * @class GridLayer.GL\n * @inherits GridLayer\n *\n * This `GridLayer` runs some WebGL code on each grid cell, and puts an image\n * with the result back in place.\n *\n * The contents of each cell can be purely synthetic (based only on the cell\n * coordinates), or be based on some remote tiles (used as textures in the WebGL\n * shaders).\n *\n * The fragment shader is assumed to receive two `vec2` attributes, with the CRS\n * coordinates and the texture coordinates: `aCRSCoords` and `aTextureCoords`.\n * If textures are used, they are accesed through the uniforms `uTexture0` through `uTexture7`\n * There will always be four vertices forming two triangles (a quad).\n *\n */\n\n L.TileLayer.GL = L.GridLayer.extend({\n options: {\n // @option tileUrls: Array\n // Array of tile URL templates (as in `L.TileLayer`), between zero and 8 elements. Each URL template will be converted into a plain `L.TileLayer` and pushed in the `tileLayers` option.\n tileUrls: [],\n\n // @option tileLayers: Array\n // Array of instances of `L.TileLayer` (or its subclasses, like `L.TileLayer.WMS`), between zero and 8 elements.\n tileLayers: [],\n\n // @option fragmentShader: String\n // A string representing the GLSL fragment shader to be run.\n // This must NOT include defining the variants, nor the texture uniforms,\n // nor user-defined uniforms.\n fragmentShader: \"void main(void) {gl_FragColor = vec4(0.2,0.2,0.2,1.0);}\",\n\n // @option uniforms: Object\n // A map of names and initial values for the user-defined uniforms.\n // Values must be `Number` or an `Array` of up to four `Number`s.\n // e.g. `{ uTarget: 2.0, uOffset: [0.0, 5.0] }`.\n uniforms: {},\n\n subdomains: [\"a\", \"b\", \"c\", \"d\"],\n },\n\n // On instantiating the layer, it will initialize all the GL context\n // and upload the shaders to the GPU, along with the vertex buffer\n // (the vertices will stay the same for all tiles).\n initialize: function (options) {\n options = L.setOptions(this, options);\n\n this._renderer = L.DomUtil.create(\"canvas\");\n this._renderer.width = this._renderer.height = options.tileSize;\n this._glError = false;\n\n var gl = (this._gl =\n this._renderer.getContext(\"webgl\", {\n premultipliedAlpha: false,\n }) ||\n this._renderer.getContext(\"experimental-webgl\", {\n premultipliedAlpha: false,\n }));\n gl.viewportWidth = options.tileSize;\n gl.viewportHeight = options.tileSize;\n\n // Create `TileLayer`s from the tileUrls option.\n this._tileLayers = Array.from(options.tileLayers);\n for (var i = 0; i < options.tileUrls.length && i < 8; i++) {\n this._tileLayers.push(L.tileLayer(options.tileUrls[i]));\n }\n\n this._loadGLProgram();\n\n // Init textures\n this._textures = [];\n for (i = 0; i < this._tileLayers.length && i < 8; i++) {\n this._textures[i] = gl.createTexture();\n gl.uniform1i(gl.getUniformLocation(this._glProgram, \"uTexture\" + i), i);\n }\n },\n\n // @method getGlError(): String|undefined\n // If there was any error compiling/linking the shaders, returns a string\n // with information about that error. If there was no error, returns `undefined`.\n getGlError: function () {\n return this._glError;\n },\n\n _loadGLProgram: function () {\n var gl = this._gl;\n\n // Force using this vertex shader.\n // Just copy all attributes to predefined variants and set the vertex positions\n var vertexShaderCode =\n \"attribute vec2 aVertexCoords; \" +\n \"attribute vec2 aTextureCoords; \" +\n \"attribute vec2 aCRSCoords; \" +\n \"attribute vec2 aLatLngCoords; \" +\n \"varying vec2 vTextureCoords; \" +\n \"varying vec2 vCRSCoords; \" +\n \"varying vec2 vLatLngCoords; \" +\n \"void main(void) { \" +\n \"\tgl_Position = vec4(aVertexCoords , 1.0, 1.0); \" +\n \"\tvTextureCoords = aTextureCoords; \" +\n \"\tvCRSCoords = aCRSCoords; \" +\n \"\tvLatLngCoords = aLatLngCoords; \" +\n \"}\";\n\n // Force using this bit for the fragment shader. All fragment shaders\n // will use the same predefined variants, and\n var fragmentShaderHeader =\n \"precision highp float;\\n\" +\n \"uniform float uNow;\\n\" +\n \"varying vec2 vTextureCoords;\\n\" +\n \"varying vec2 vCRSCoords;\\n\" +\n \"varying vec2 vLatLngCoords;\\n\";\n\n for (var i = 0; i < this._tileLayers.length && i < 8; i++) {\n fragmentShaderHeader += \"uniform sampler2D uTexture\" + i + \";\\n\";\n }\n\n fragmentShaderHeader += this._getUniformSizes();\n\n var program = (this._glProgram = gl.createProgram());\n var vertexShader = gl.createShader(gl.VERTEX_SHADER);\n var fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);\n gl.shaderSource(vertexShader, vertexShaderCode);\n gl.shaderSource(\n fragmentShader,\n fragmentShaderHeader + this.options.fragmentShader\n );\n gl.compileShader(vertexShader);\n gl.compileShader(fragmentShader);\n\n // @event shaderError\n // Fired when there was an error creating the shaders.\n if (!gl.getShaderParameter(vertexShader, gl.COMPILE_STATUS)) {\n this._glError = gl.getShaderInfoLog(vertexShader);\n console.error(this._glError);\n return null;\n }\n if (!gl.getShaderParameter(fragmentShader, gl.COMPILE_STATUS)) {\n this._glError = gl.getShaderInfoLog(fragmentShader);\n console.error(this._glError);\n return null;\n }\n\n gl.attachShader(program, vertexShader);\n gl.attachShader(program, fragmentShader);\n gl.linkProgram(program);\n gl.useProgram(program);\n\n // There will be two vec2 vertex attributes per vertex - aCRSCoords and\n // aTextureCoords\n this._aVertexPosition = gl.getAttribLocation(program, \"aVertexCoords\");\n this._aTexPosition = gl.getAttribLocation(program, \"aTextureCoords\");\n this._aCRSPosition = gl.getAttribLocation(program, \"aCRSCoords\");\n this._aLatLngPosition = gl.getAttribLocation(program, \"aLatLngCoords\");\n\n this._initUniforms(program);\n\n // If the shader is time-dependent (i.e. animated), or has custom uniforms,\n // init the texture cache\n if (this._isReRenderable) {\n this._fetchedTextures = {};\n this._2dContexts = {};\n }\n\n // \t\tconsole.log('Tex position: ', this._aTexPosition);\n // \t\tconsole.log('CRS position: ', this._aCRSPosition);\n // \t\tconsole.log(\"uNow position: \", this._uNowPosition);\n\n // Create three data buffer with 8 elements each - the (easting,northing)\n // CRS coords, the (s,t) texture coords and the viewport coords for each\n // of the 4 vertices\n // Data for the texel and viewport coords is totally static, and\n // needs to be declared only once.\n this._CRSBuffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, this._CRSBuffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(8), gl.STATIC_DRAW);\n if (this._aCRSPosition !== -1) {\n gl.enableVertexAttribArray(this._aCRSPosition);\n gl.vertexAttribPointer(this._aCRSPosition, 2, gl.FLOAT, false, 8, 0);\n }\n\n this._LatLngBuffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, this._LatLngBuffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(8), gl.STATIC_DRAW);\n if (this._aLatLngPosition !== -1) {\n gl.enableVertexAttribArray(this._aLatLngPosition);\n gl.vertexAttribPointer(this._aLatLngPosition, 2, gl.FLOAT, false, 8, 0);\n }\n\n this._TexCoordsBuffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, this._TexCoordsBuffer);\n\n // prettier-ignore\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([\n 1.0, 0.0,\n 0.0, 0.0,\n 1.0, 1.0,\n 0.0, 1.0,\n ]), gl.STATIC_DRAW);\n if (this._aTexPosition !== -1) {\n gl.enableVertexAttribArray(this._aTexPosition);\n gl.vertexAttribPointer(this._aTexPosition, 2, gl.FLOAT, false, 8, 0);\n }\n\n this._VertexCoordsBuffer = gl.createBuffer();\n gl.bindBuffer(gl.ARRAY_BUFFER, this._VertexCoordsBuffer);\n\n // prettier-ignore\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([\n\t\t\t 1, 1,\n -1, 1,\n\t\t\t 1, -1,\n -1, -1\n ]), gl.STATIC_DRAW);\n if (this._aVertexPosition !== -1) {\n gl.enableVertexAttribArray(this._aVertexPosition);\n gl.vertexAttribPointer(this._aVertexPosition, 2, gl.FLOAT, false, 8, 0);\n }\n },\n\n // Looks at the size of the default values given for the uniforms.\n // Returns a string valud for defining the uniforms in the shader header.\n _getUniformSizes() {\n var defs = \"\";\n this._uniformSizes = {};\n for (var uniformName in this.options.uniforms) {\n var defaultValue = this.options.uniforms[uniformName];\n if (typeof defaultValue === \"number\") {\n this._uniformSizes[uniformName] = 0;\n defs += \"uniform float \" + uniformName + \";\\n\";\n //} else if (typeof defaultValue === \"array\") {\n } else if (Array.isArray(defaultValue)) {\n if (defaultValue.length > 4) {\n throw new Error(\"Max size for uniform value is 4 elements\");\n }\n this._uniformSizes[uniformName] = defaultValue.length;\n if (defaultValue.length === 1) {\n defs += \"uniform float \" + uniformName + \";\\n\";\n } else {\n defs +=\n \"uniform vec\" + defaultValue.length + \" \" + uniformName + \";\\n\";\n }\n } else {\n throw new Error(\n \"Default value for uniforms must be either number or array of numbers\"\n );\n }\n }\n return defs;\n },\n\n // Inits the uNow uniform, and the user-provided uniforms, given the current GL program.\n // Sets the _isReRenderable property if there are any set uniforms.\n _initUniforms(program) {\n var gl = this._gl;\n this._uNowPosition = gl.getUniformLocation(program, \"uNow\");\n this._isReRenderable = false;\n\n if (this._uNowPosition) {\n gl.uniform1f(this._uNowPosition, performance.now());\n this._isReRenderable = true;\n }\n\n this._uniformLocations = {};\n for (var uniformName in this.options.uniforms) {\n this._uniformLocations[uniformName] = gl.getUniformLocation(\n program,\n uniformName\n );\n this.setUniform(uniformName, this.options.uniforms[uniformName]);\n this._isReRenderable = true;\n }\n },\n\n // This is called once per tile - uses the layer's GL context to\n // render a tile, passing the complex space coordinates to the\n // GPU, and asking to render the vertexes (as triangles) again.\n // Every pixel will be opaque, so there is no need to clear the scene.\n _render: function (coords) {\n var gl = this._gl;\n gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);\n gl.clearColor(0.5, 0.5, 0.5, 0);\n gl.enable(gl.BLEND);\n\n var tileBounds = this._tileCoordsToBounds(coords);\n var west = tileBounds.getWest(),\n east = tileBounds.getEast(),\n north = tileBounds.getNorth(),\n south = tileBounds.getSouth();\n\n // Create data array for LatLng buffer\n // prettier-ignore\n var latLngData = [\n // Vertex 0\n east, north,\n\n // Vertex 1\n west, north,\n\n // Vertex 2\n east, south,\n\n // Vertex 3\n west, south,\n ];\n\n // ...upload them to the GPU...\n gl.bindBuffer(gl.ARRAY_BUFFER, this._LatLngBuffer);\n gl.bufferData(\n gl.ARRAY_BUFFER,\n new Float32Array(latLngData),\n gl.STATIC_DRAW\n );\n\n // ...also create data array for CRS buffer...\n // Kinda inefficient, but doesn't look performance-critical\n var crs = this._map.options.crs,\n min = crs.project(L.latLng(south, west)),\n max = crs.project(L.latLng(north, east));\n\n // prettier-ignore\n var crsData = [\n // Vertex 0\n max.x, max.y,\n\n // Vertex 1\n min.x, max.y,\n\n // Vertex 2\n max.x, min.y,\n\n // Vertex 3\n min.x, min.y,\n ];\n // ...and also upload that to the GPU...\n gl.bindBuffer(gl.ARRAY_BUFFER, this._CRSBuffer);\n gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(crsData), gl.STATIC_DRAW);\n\n // ... and then the magic happens.\n gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);\n },\n\n _bindTexture: function (index, imageData) {\n // Helper function. Binds a ImageData (HTMLImageElement, HTMLCanvasElement or\n // ImageBitmap) to a texture, given its index (0 to 7).\n // The image data is assumed to be in RGBA format.\n var gl = this._gl;\n\n gl.activeTexture(gl.TEXTURE0 + index);\n gl.bindTexture(gl.TEXTURE_2D, this._textures[index]);\n gl.texImage2D(\n gl.TEXTURE_2D,\n 0,\n gl.RGBA,\n gl.RGBA,\n gl.UNSIGNED_BYTE,\n imageData\n );\n gl.texParameteri(\n gl.TEXTURE_2D,\n gl.TEXTURE_MIN_FILTER,\n gl.LINEAR_MIPMAP_NEAREST\n );\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);\n gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);\n gl.generateMipmap(gl.TEXTURE_2D);\n },\n\n // Gets called by L.GridLayer before createTile(), just before coord wrapping happens.\n // Needed to store the context of each